Your SlideShare is downloading. ×
W3C日本会員会議 2013 12/17 TPAC2013 SVGWG活動報告
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

W3C日本会員会議 2013 12/17 TPAC2013 SVGWG活動報告

283
views

Published on

TPAC 2013でのF2F会合を中心とした、最近のW3C SVG Working Groupでの標準化同行の報告 SVG Mapの標準化活動報告も含んでいます

TPAC 2013でのF2F会合を中心とした、最近のW3C SVG Working Groupでの標準化同行の報告 SVG Mapの標準化活動報告も含んでいます

Published in: Technology, Art & Photos

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
283
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
3
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. 2013.12.17 W3C日本会員会議 SVG Working Group 活動報告 高木 悟
  • 2. TPAC2013 SVGWG F2F 最大の決定事項
  • 3. SVG2.0 標準化ロードマップ FPWD November 2012 LC November 2013 CR March 2014 PR July 2014 Rec August 2014 延期 大規模な設計変更
  • 4. HTMLとの融合 独立したXML記述言語体系の放棄 SVGをもっと多くの人に使ってもらいたい 文書構造 <!DOCTYPE html> <html> <p>Check out this diagram:</p> <graphics width="200" height="200"> <rect x=”...”/> <path d="..."/> </graphics> </html> DOM var or or API rect = document.createElementNS("http://www.w3.org/1999/xhtml", "rect"); var rect = document.createElementNS(null, "rect"); var rect = document.createElement("rect");
  • 5. 重い仕事 :二つの独立した言語の統合 主:HTML、 従:SVG • 類似機能の統合 html:a & svg:a • 命名規則の変更 clipPath ⇒ clippath • DOM APIの整合 SMILアニメーション由来の不整合解決 SVGAnimatedLength ⇒ float 等 • 下位互換性 計画遅延の量は1月末のF2Fである程度明らかに?
  • 6. 私の活動の進捗 Mapping Features/SVG • 地図機能のブラウザネイティブ化 (大規模なWebAppsなしに、地図の機能を) • リンクドオープンマッピング (地図をベースとしたコンテンツのマッシュアップ)
  • 7. HTMLとの融合 • SVG専用の規格から、Webコンテンツ全体の規格へ • SVGによる地図技術を Webコンテンツ全体・多用途で応用できるように
  • 8. Tiling svg:iframe + Resource Priorities*1 tileRoot.svg <svg viewBox=“60 120 70 70”> <iframe src=“t0.svg” postpone <iframe src=“t1.svg” postpone <iframe src=“t2.svg” postpone <iframe src=“t3.svg” postpone </svg> iframe t0 t3 t1 t2 iframe t2.svg <svg> <iframe <iframe <iframe <iframe </svg> src=“t2-0.svg” src=“t2-1.svg” src=“t2-2.svg” src=“t2-3.svg” *2 x=“0” y=“0” width=“100” height=“100”/> x=“100” y=“0” width=“100” height=“100” x=“100” y=“100” width=“100” height=“100 x=“100” y=“0” width=“100” height=“100” postpone postpone postpone postpone x=“0” y=“0” width=“50” height=“50” x=“0” y=“0” width=“50” height=“50” x=“50” y=“50” width=“50” height=“50 x=“00” y=“50” width=“50” height=“50 SVG2.0 Embedded contetnt 執筆 t2-0 t2-1 t2-3 t2-2 Viewport (SVGWG) video,audio要素の追加等を含む Resource Priorities 熟成協力 (Web Perf.WGとSVGWGとの協同)
  • 9. Level of Detail Media Queries: Zoom Feature + Resource Priorities Top.svg <svg viewBox="0 0 100 100"> RootLvl0.svg <style type="text/css"> @media screen and (min-zoom: 1) { Zoom<1 #low { display: none; } #med { display: inline; } #high { display: none; } RootLvl1.svg Top.svg } @media screen and (min-zoom: 2) { 1≦Zoom<2 #low { display: none; } #med { display: none; } #high { display: inline; } RootLvl2.svg 2≦Zoom } </style> <iframe id="low“ src="Lv0.svg" postpone .../> <iframe id="med“ src="Lv1.svg" postpone display=“none”.../> <iframe id="high" src="Lv2.svg" postpone display=“none”.../> </svg> Zoom Spec & CSS3 Media Queries 拡張 (FXTF: CSS-SVG Effects Task Force )
  • 10. Applications High Resolution Photos 電子チラシ 地図