2013.12.17 W3C日本会員会議

SVG Working Group
活動報告

高木 悟
TPAC2013 SVGWG F2F

最大の決定事項
SVG2.0 標準化ロードマップ
FPWD

November 2012

LC

November 2013

CR

March 2014

PR

July 2014

Rec

August 2014

延期

大規模な設計変更
HTMLとの融合
独立したXML記述言語体系の放棄
SVGをもっと多くの人に使ってもらいたい
文書構造
<!DOCTYPE html>
<html>
<p>Check out this diagram:</p>
<graphics width=...
重い仕事 :二つの独立した言語の統合
主:HTML、 従:SVG
• 類似機能の統合 html:a & svg:a
• 命名規則の変更 clipPath ⇒ clippath
• DOM APIの整合 SMILアニメーション由来の不整合解決
S...
私の活動の進捗
Mapping Features/SVG
• 地図機能のブラウザネイティブ化
(大規模なWebAppsなしに、地図の機能を)

• リンクドオープンマッピング
(地図をベースとしたコンテンツのマッシュアップ)
HTMLとの融合
• SVG専用の規格から、Webコンテンツ全体の規格へ
• SVGによる地図技術を
Webコンテンツ全体・多用途で応用できるように
Tiling

svg:iframe + Resource Priorities*1
tileRoot.svg
<svg viewBox=“60 120 70 70”>
<iframe src=“t0.svg” postpone
<iframe...
Level of Detail
Media Queries: Zoom Feature + Resource Priorities
Top.svg
<svg viewBox="0 0 100 100">
RootLvl0.svg
<style ...
Applications
High Resolution Photos
電子チラシ
地図
Upcoming SlideShare
Loading in …5
×

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

592 views

Published on

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

Published in: Technology, Art & Photos
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
592
On SlideShare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
4
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

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

  1. 1. 2013.12.17 W3C日本会員会議 SVG Working Group 活動報告 高木 悟
  2. 2. TPAC2013 SVGWG F2F 最大の決定事項
  3. 3. SVG2.0 標準化ロードマップ FPWD November 2012 LC November 2013 CR March 2014 PR July 2014 Rec August 2014 延期 大規模な設計変更
  4. 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. 5. 重い仕事 :二つの独立した言語の統合 主:HTML、 従:SVG • 類似機能の統合 html:a & svg:a • 命名規則の変更 clipPath ⇒ clippath • DOM APIの整合 SMILアニメーション由来の不整合解決 SVGAnimatedLength ⇒ float 等 • 下位互換性 計画遅延の量は1月末のF2Fである程度明らかに?
  6. 6. 私の活動の進捗 Mapping Features/SVG • 地図機能のブラウザネイティブ化 (大規模なWebAppsなしに、地図の機能を) • リンクドオープンマッピング (地図をベースとしたコンテンツのマッシュアップ)
  7. 7. HTMLとの融合 • SVG専用の規格から、Webコンテンツ全体の規格へ • SVGによる地図技術を Webコンテンツ全体・多用途で応用できるように
  8. 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. 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. 10. Applications High Resolution Photos 電子チラシ 地図

×