svg標準化の最新動向
TRANSCRIPT
![Page 2: SVG標準化の最新動向](https://reader035.vdocuments.pub/reader035/viewer/2022081401/558c8957d8b42a0c3d8b4655/html5/thumbnails/2.jpg)
SVG標準化の歴史
SVG 1.0の誕生から11年が経過
SVG 1.0
SVG Tiny 1.2
SVG 1.1
2nd Edition
1998 2000 2002 2004 2006 2008 2010 2012
SVG 1.1
SVG 2.0
キヤノンが
SVG WGに参加
HTML5/CSS3との
整合性を向上させた策定中の最新仕様
HTML5対応の最新Webブ
ラウザで広く実装済、現時点で最も推奨される仕様
モバイル向けサブセット仕様、携帯機器のフルブラウザ搭載によりニーズ低下
2001年9月にSVG
1.0がW3C勧告
![Page 3: SVG標準化の最新動向](https://reader035.vdocuments.pub/reader035/viewer/2022081401/558c8957d8b42a0c3d8b4655/html5/thumbnails/3.jpg)
SVG 2.0策定のロードマップ
2014年8月勧告を目標にSVG 2.0を策定中
SVG WGがW3C勧告仕様化をコミットする
SVGコア仕様
CSS WGとのジョイント活動(FX TF)で策定するSVG/CSS共通仕様
上記以外のSVG拡張モジュール仕様
①
②
③
![Page 4: SVG標準化の最新動向](https://reader035.vdocuments.pub/reader035/viewer/2022081401/558c8957d8b42a0c3d8b4655/html5/thumbnails/4.jpg)
Mesh Gradient機能
ベジェ曲線を用いて記述する高度なグラデーション機能
フォトリアルなイラスト表現を可能にする機能
Illustratorのグラディエ
ントメッシュ機能と同様の技術、InkScapeでの
実装が進行中
![Page 5: SVG標準化の最新動向](https://reader035.vdocuments.pub/reader035/viewer/2022081401/558c8957d8b42a0c3d8b4655/html5/thumbnails/5.jpg)
Filter Effects機能
従来のSVGフィルター効果の表現力を大幅に向上
OpenGLのプログラマ
ブルシェーダー機能を活用してリアルで高度なビジュアル効果の高
速描画を実現
Adobe提案のCSS
Shader仕様をSVGにも
適用できるよう拡張、Filter Effects仕様としてSVG/CSS共通仕様化
![Page 6: SVG標準化の最新動向](https://reader035.vdocuments.pub/reader035/viewer/2022081401/558c8957d8b42a0c3d8b4655/html5/thumbnails/6.jpg)
Web Animation機能
従来のSVGアニメーション機能に代わる新仕様
SMILベースのSVG
Animation仕様とCSS
Animation仕様のアニ
メーションモデルと機能セットを統合化
Web Animation仕様の最初のW3Cドラフト仕
様が近日公開予定、FirefoxおよびWebKitでの実装が進行中
![Page 7: SVG標準化の最新動向](https://reader035.vdocuments.pub/reader035/viewer/2022081401/558c8957d8b42a0c3d8b4655/html5/thumbnails/7.jpg)
SVG 2.0の最新ドラフト仕様
2013年4月にセカンドドラフトを公開
6月3日~5日に日本
(Mozilla Japan)で開催されるSVG WGミーティングにて議論予定、
フィードバックを歓迎
![Page 8: SVG標準化の最新動向](https://reader035.vdocuments.pub/reader035/viewer/2022081401/558c8957d8b42a0c3d8b4655/html5/thumbnails/8.jpg)
SVG WG at work
Feb 2013 at Google Australia Office