Firefox 4 with SVG

Firefox 4でのSVG

Makoto Kato
Technical Advisor
Mozilla Japan

About Mozilla

• 1998年、Netscape Communicator 5のコード
のオープンソース化に伴い、Mozilla.orgが設立
• 2003年、Mozilla Foundationが設立
• 2004年、Mozilla Europe / Mozilla Japan設立
• 2005年、Mozilla China設立
• 2005年、FirefoxとThunderbirdの開発等を行う
組織、Mozilla Corporationを設立
• 2008年、Thunderbirdの開発等を行う組織、
Mozilla Messagingが設立

2

About Firefox

• Mozilla Application Suite (Webブラウザ、
メールクライアント、HTMLエディタを統合し
たもの)からブラウザ部分を切り出し、軽量化
したもの
• 柔軟な拡張機能を持つ
• Firefox自体が一種の拡張機能を利用して作られて
いる
• レンダリングエンジンは、独自開発のGecko
• 2004年11月にバージョン1.0をリリース
• 最新版は、2010年1月にリリースされた3.6

About Firefox

• 正式にリリースされているプラットフォーム
• Windows
• Mac OS X
• Linux (GTK+)
• 上記以外にも、SolarisやBSD等にも対応
• 英語版、日本語版以外の様々な言語版
• 70言語版以上を提供
• 外部貢献者のコントリビュートによって様々な言
語版が提供されている

4

Firefox for Mobile
• Nokia N900版がリリース済み
• Maemo 5用
• 現在、以下のプラットフォーム版を開発中
• Android
• MeeGo/Qt (MeeGoのハンドセット版のデフォルトブラ
ウザ)
• デスクトップ版とまったく同一のレンダリングエ
ンジンを採用
• Firefox Mobile 1.0は、Firefox 3.6とまったく同一のエ
ンジンを採用
• モバイルに制限を加えない
• 当然SVGサポートも同様

MozillaにおけるSVG
• Mozillaでの最初のSVGのコードは、2001年か
ら
• 実際には、1999年から検討開始
• SVGを利用するには、ソースコードをコンパイル
する必要があった
• Firefoxでは、1.5 (2005年11月リリース)から
デフォルトで利用可能
• リリースしている全プラットフォーム(Windows /
Mac OS X / Linux)で利用可能
• 現在のバージョンでは、プラットフォーム独立な
グラフィックライブラリを利用してるため、どの
プラットフォームでも同じ描画

Firefox 4でのSVG

• SVGサポートの改善
• HTML5パーサー
• ハードウェアアクセラレーション

8

Firefox 4でのSVGサポートの改善

• Animation Moduleのサポート
• Text Moduleのサポートの改善
• <img> / <svg:img>でのSVG利用 (予定)

9

HTML5パーサー

• SVGやMathMLとHTMLの混合利用が可能にな
る
• XMLの名前空間は必要なし
• Firefox 3.6でも利用可能だが、デフォルトOFF
<html>
<body>
<svg width="200" height="200">
<circle cx="100" cy="100" r="80" fill="blue"/>
<rect x="10" y="10" width="20" height="20" fill="red“ />
</svg>
</body>
</html>

10

ハードウェアアクセラレーションサポート

• Direct2Dによるハードウェアアクセラレーシ
ョンサポート
• Windows Vista / Windows 7のみ
• サポートする環境についてはドライバによって、
ブラックリスト・ホワイトリスト形式をとる予定
• ドライバによっては期待した動作をしないため

11

Firefox 4でサポート予定がないもの

• Color Profile
• Cursor Module
• Font Module
• View Module

12

SVGに関するその他問題

• 報告されている問題は、Bugzillaを参照のこと
• https://bugzilla.mozilla.org/buglist.cgi?query_
format=advanced;bug_status=UNCONFIRME
D;bug_status=NEW;bug_status=ASSIGNED;b
ug_status=REOPENED;component=SVG;prod
uct=Core;classification=Components

その他ドキュメント

• Mozilla SVG Project
• https://wiki.mozilla.org/SVG:Home_Page
• Mozilla Developer Center / SVG
• https://developer.mozilla.org/en/SVG
• SVGの実装状況
• https://developer.mozilla.org/en/SVG_in_Firefox
• メーリングリスト
• news://news.mozilla.org/mozilla.dev.tech.svg
• http://groups.google.com/group/mozilla.dev.tech.
svg/topics

14

Firefox 4 with SVG

Firefox 4 with SVG

Recommended

More Related Content

What's hot

What's hot(20)

Viewers also liked

Viewers also liked(9)

Similar to Firefox 4 with SVG

Similar to Firefox 4 with SVG(20)

More from Makoto Kato

More from Makoto Kato(8)

Recently uploaded

Recently uploaded(12)

Firefox 4 with SVG