How To Create Vector Graphics on iOS | Envato Tuts+
Introduction Graphical resources in the digital world are of two basic types, raster and vector. Raster images are essentially a rectangular array of pixel intensities. Vector graphics, on the other hand, are mathematical representations of shapes. While there are situations in which raster images are irreplaceable (photos, for example), in other scenarios, vector graphics make capable substitutes
【iOS】drawRect、CALayer、UIImageViewで描画速度を検証してみた - Qiita
まず始めに 上の画像を以下3つの方法で描画してみました。 PNGで書きだした画像をUIImageViewで描画 UIViewのdrawRectでpathを描画 CAShapeLayerでpathを描画 結果は以下のようになりました。 UImageView draw time: 0.0182009935379028 CALayer draw time : 0.000609993934631348 DrawRect draw time : 0.00013202428817749 drawRectがだいぶ速いです。 それぞれ描画したものは、違いなく以下のように表示されました。 どのように実装しているか まずStoryboadにUIImageView、drawRect、CALayerを載せるコンテナーを置いておきます。 Drawボタンが押された時に、インスタンス生成からaddSubviewをそれぞ
【iOS】Pathの描画をパーセンテージで指定する - Qiita
まず始めに Pathをアニメーションで描画するのではなく、パーセンテージで描画する方法について書こうと思います。 パーセンテージ指定でPathの描画をさせると、以下のGIFアニメーションのようにスライダーと連動して描画できるようになったりもします。 どのように実装しているのか 実装する上でのポイントは以下のようになります。 - CAShapeLayerのインスタンスをUIViewのdrawRectで描画する - CAShapeLayerのstrokeEndを使ってパーセンテージ指定できるようにする class PathStokeAdjustableView: UIView { private let shapeLayer = CAShapeLayer() private var _stroke: CGFloat = 0 { didSet { shapeLayer.strokeEnd = _
SVGのpath dをCGPathRefに変換する - Qiita
iPhoneの解像度が増えた影響で、アイコンなどにベクターデータを使うメリットが増してきています。 ただ、iOS標準フレームワークではこの辺りはちょっとばかしかゆいところに手が届かないところです。 今回は小さな対応策の１つとして、 SVGのpath d要素をCGPathに変換する、 というのをやろうと思います。 この方法には、 ・svg全部パースするより遥かに簡単 ・読み込んだCGPathRefは描画前に編集したり、描画方法を自由にカスタマイズできる といったメリットがあります。 また、SVGKit( https://github.com/SVGKit/SVGKit )なんかもありますが、 ちょっとわりと大きなフレームワークなので、 一部だけSVG使いたいだけの時にはちょっとオーバースペックな気がします。 というわけでソースです。 コピペしてすぐ使い始めることができます。 https://
Mac App Store - BezierCode Lite - Vector Graphic to Objective C Code
Mac App Store is the simplest way to find and download apps for your Mac.To download BezierCode Lite - Vector Graphic to Objective C Code from the Mac App Store, you need a Mac with OS X 10.6.6 or later. Learn More. Description *** To celebrate release of QuartzCode - Vector Animation to Code, BezierCode Lite is FREE for a limited time!! *** *** BezierCode Pro is also now 90% OFF, don't miss this
AI-SVG がObjective-Cに変換できる、Qwarkeeがすごい！＋きれいに拡大する方法 – Zero4Racer PRO Developer's Blog
このアプリです。YouTubeの作者紹介ビデオはこちら SVGファイルがObjCコードに変換できるとのことです。これがPaintCodeに勝っているともいえる理由は、 デザイナがなれたソフト(Adobe Illustrator, InkScape)で絵を書ける AIでも、EPSでも、svgに変換すればよいです。 @natsun_happy @tomohisa いいですよねコレ。Illustratorとで試してみたのですが、グラデーションメッシュを使っているとアウトでした。drawRect:が空っぽになりました。 — KatokichiSoftさん (@hkato193) 5月 30, 2012 こんな報告もありますのでご注意を。 安い（PaintCodeは、8500円ですが、こちらはなんと450円） これは、描画のためのUIを用意していない点が大きいですね。しかし、AIや、InkScape
iPhone/iPadでSVG表示
こんにちは、気持ちは若手のponpoko1968です。 iPhoneアプリを作っていて、ロゴやアイコンなどの画像を表示したい事って、多いですよね。そういった場合、ラスター画像データは簡単に表示できますが、画面を拡大させたときに、画像が荒れてしまいます。 そこで、拡大しても画像が荒れない、illustratorやInkScapeなどで作成されたストロークデータを使いたいと思いました。 ところが、ストロークデータのファイル形式のなかでも標準化されている「SVG」形式のファイルを使おうと思ったのですが、意外と目的に合ったライブラリが見つからなかったりします。 iPhoneではUIWebViewというWebKitをラップしたビュー部品が用意されており、WebKitには、「SVG」というストロークデータの画像を表示する機能が備わっています。 そこで、SVGの表示にUIWebViewが使えないか試して
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - mariuszostrowski/subway: Subway is a set of 306 pixel perfect crafted icons optimized for iOS, Apple Watch, Windows and BlackBerry 10.