SVG画像を書き出す際に重要な設定「小数点以下の桁数」とはなにか？ - 聴く耳を持たない(片方しか)
これはSVG Advent Calendar 2014の参加記事です。 昨日はmemocarilogのSaori Miyazakiさんによる「filter 要素の基本的な使い方と filter 要素をつかったモノクロからカラーへ変化するマウスオーバー効果を作る方法」でした。 第3日目は私 id:rikuo が担当します。 （※追記）第4日目はイロドルハナ(@shino212)さんの「はじめてSVGでアニメーションを作った時の話」です。 ちなみにまだ空いている枠はあるので、興味のある方は是非ご参加ください。 はじめにSVGはXMLをベースにしているためテキストエディタでも簡単に作れるとは言え、実際の制作は何らかのオーサリングツールを利用することがほとんどでしょう。 中でもAdobe Illustratorはベクター系ソフトウェアの代表的な存在で広く普及しています。このIllustratorか
SVG 形式で書き出す方法 （Illustrator CC）
SVG オプションダイアログボックスで設定を行い、「OK」をクリックします。 ※ 「詳細オプション」ボタンをクリックすると、さらに設定項目が表示されます。 SVG プロファイル ： 文書型定義（SVG XML DTD）を指定します。 文字 ： テキストの保存形式を指定します。 サブセット ： ファイルに埋め込む文字を指定します。 参考方法 ： ラスタライズされた画像を埋め込むか、リンク配置にするかを指定します。画像を埋め込むとファイルサイズがその分大きくなりますが、画像は閲覧環境に依存せずに必ず表示されるようになります。 Illustrator の編集機能を保持 ： AI ファイルを SVG ファイルに埋め込むことによって、Illustrator 固有のデータを保持します。そのため、このオプションを有効にするとファイルサイズは大きくなりますが、後から Illustrator で修正を加える
openframeworksで自作svgからのpdfからのハードコード
自作のsvgファイルをopenframeworksで表示する方法でいろいろと苦戦したのでメモしておく。 イラレでsvgファイル保存する際に、[SVG プロファイル]を[SVG Tiny 1.2]にして、[詳細オプション]で[レスポンシブ]のチェックを外す。 width、heightのメタデータが無いとダメらしい。また、曲線データもダメなので、頂点を線で結ぶ図形にしておく。 ofxPDFというのもあって、こちらの方がパフォーマンスがでるという話もある。 ただし、iOSでは、svgもpdfも実行時エラーがでてしまう・・。結局はsvgファイルから座標データをコピーして、プログラム上でofPointとして実装した。
2013年7月 – Y.A.M.A.P
openFramworksのofPath、最近初めて使っているのだが、想像以上にいたれりつくせりでよかった。パスと言っても直線だけでなくベジェ等色々サポートしていてofでやりにくいと感じていたベクターグラフィックが思ったより簡単に扱える。ofxSvgでSVGパースもできるし。 ofPathにはofPath::getTessellation();で一撃でmesh面を形成する機能がある。しかしこの３角系分割は、平面走査法（？）みたいな分割が行われるため、ベジェを多用した図形をテッセレートすると、短いレンジで縦方向に大きな分割が入りまくる。これだとテクスチャを貼ったりする場合の歪の原因になるし、あまりに多くの縦ラインの密集は面の色すらうっすらと変えてしまうほど。ポリゴンの変形がやりにくい状態。 三角形分割のライブラリはいろいろあったので５，６個試したところこれが一番良かった。 https://c
Internet Explorer 9正式版のHTML5／CSS3／SVG対応
Internet Explorer 9正式版のHTML5／CSS3／SVG対応：特集：Web制作者＆開発者のためのIE9概説（後編）（1/3 ページ） 連載目次 前編に引き続き、Internet Explorer 9（以降、IE9）正式版の新機能について解説する。後編である今回は、IE9の主要なHTML5／CSS3／SVG対応機能を紹介する。 ■4. HTML5対応 最近、HTML5への注目度が高まっている。2011年6月に米国で行われた「次期Windows 8（コード名）プレビュー・イベント」で、「“HTML5”で記述できるWindowsネイティブ・アプリケーション」（まだ詳細は不明）という新しいアプリケーション種別が登場することが発表されたことからも、その勢いは増すばかりだ。特にグーグルが強力に推進している印象のあるHTML5だが、マイクロソフト技術系である.NET開発者も大きな関心と
jQuery SVG Reference
A jQuery plugin that lets you interact with an SVG canvas. This page provides a documentation reference for working with the plugin v1.5.0. Also see the documentation for the graphing extension and the plotting extension. Download a copy for your own reference - just add jQuery JavaScript for full functionality. See a demonstration of the SVG plugin and download the code from there. Or see a minim
jQuery SVG
A jQuery plugin that lets you interact with an SVG canvas. The current version is 1.5.0 and is available under the MIT licence. For more detail see the documentation reference page, or the graphing reference or plotting reference pages. Or see a minimal page that you could use as a basis for your own investigations. Download now Introduction Extensions Examples Load Animations Sketchpad Graphing P
)
Internet Explorer Platform Preview Guide for Developers - Internet Explorer 9 Preview Builds
The Internet Explorer 9 Guide for Developers provides a look at the features and improvements in Internet Explorer 9. By using this guide, web developers and designers can take full advantage of these enhancements. Developers can also experience the platform in action using the Internet Explorer Test Drive. Introduction Welcome to Windows Internet Explorer 9. As a developer, you want to know the l
第1回 SVGの基礎知識 | gihyo.jp
SVGは比較的古くからある仕様の1つですが、2010年3月にマイクロソフトがInternet Explorer 9でのサポートを表明してから一気に注目が高まりました。そんな古くて新しいSVGを今から使える情報と、将来の展望を全4回の集中連載で解説します。 SVGとは SVG（Scalable Vector Graphics）は、XMLベースのベクターグラフィック言語もしくは画像フォーマットです。W3Cによってその仕様が定義されており、画像フォーマットとして用いる場合は拡張子.svgが使用され、MIME形式はimage/svg+xmlが用いられます。 SVGの現状 Firefox、Safari、Google Chrome、Operaなどのブラウザが既にサポートしており、Internet Explorerもそのバージョン9、具体的にはInternet Explorer 9: Platform
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
SVG Porn
SVG video player