SlideShare a Scribd company logo

知って得する (かもしれない)、Internet Explorer での Canvas と SVG の描画

•
•
Osamu Monoe
Osamu Monoe
1 of 16
Download to read offline
知って得する (かもしれない)、 Internet Explorer での Canvas と SVG の描画 日本マイクロソフト デベロッパー & プラットフォーム統括本部 Web プラットフォーム推進部 物江 修 Blog: http://blogs.msdn.com/osamum/ Twitter : osamum_MS
本日お伝えすること • Internet Explorer 9 での Canvas と SVG のサポート状況 • マイクロソフトが提供する Canvas、SVG 関連のツール
Canvas と SVG の サポート状況
Canvas • Canvas 2D –Basic support • Text API for Canvas • GPU アクセラレーション
SVG •SVG 1.1 (第 2 版) •以下のみ未サポート –Filters, Fonts, Animation •GPU アクセラレーション
Windows Internet Explorer Testing Center Web 標準レンダリングの検証結果を公開するページ
マイクロソフトが提供する Canvas、SVG 関連のツール
Web Standards Update for Microsoft Visual Studio 2010 SP1 ＋ SVG Intellisense schema for Visual Studio 2010 and 2008
AI → Canvas Adobe Illustrator の プラグイン
まとめ •標準化 •互換性 •性能向上
ダウンロード http://bit.ly/iaLk03
関連情報 #1 • Internet Explorer 9 開発者ガイド – http://msdn.microsoft.com/ja-jp/ie/ff468705 • Internet Explorer 9 のサンプルと チュートリアル – http://msdn.microsoft.com/ja- jp/library/gg491737(VS.85).aspx • Internet Explorer 9 の互換性ガイド – http://msdn.microsoft.com/ja- jp/library/ff986083(VS.85).aspx
関連情報 #2 • Windows Internet Explorer Testing Center – http://samples.msdn.microsoft.com/ietestcenter/d efault-JA.htm • Internet Explorer デベロッパーセンター – http://msdn.microsoft.com/ja-jp/ie/ • Technet - Internet Explorer – http://technet.microsoft.com/ja-jp/ie/ • Internet Explorer ブログ (日本語版) – http://blogs.msdn.com/b/ie_jp/
関連情報 #3 • Visual Studio 2010 評価版 (プロ フェッショナル向け) – http://www.microsoft.com/japan/visualstudi o/download • Visual Web Developer 2010 Express ( 無償) のインストール方法 – http://blogs.msdn.com/b/osamum/archive/ 2011/02/18/visual-web-developer-2010- express.aspx
関連情報 #4 • Web Standards Update for Microsoft Visual Studio 2010 SP1 – http://bit.ly/lWV98W • SVG Intellisense schema • for Visual Studio 2010 and 2008 – http://bit.ly/n8UHIl • AI → Canvas – http://visitmix.com/labs/ai2canvas/
© 2011 Microsoft Corporation. All rights reserved. Microsoft, Windows, Windows 7 and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries. The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation. Because Microsoft must respond to changing market conditions, it should not be interpreted to be a commitment on the part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after the date of this presentation. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

More Related Content

知って得する (かもしれない)、Internet Explorer での Canvas と SVG の描画

  • 1. 知って得する (かもしれない)、 Internet Explorer での Canvas と SVG の描画 日本マイクロソフト デベロッパー & プラットフォーム統括本部 Web プラットフォーム推進部 物江 修 Blog: http://blogs.msdn.com/osamum/ Twitter : osamum_MS
  • 2. 本日お伝えすること • Internet Explorer 9 での Canvas と SVG のサポート状況 • マイクロソフトが提供する Canvas、SVG 関連のツール
  • 3. Canvas と SVG の サポート状況
  • 4. Canvas • Canvas 2D –Basic support • Text API for Canvas • GPU アクセラレーション
  • 5. SVG •SVG 1.1 (第 2 版) •以下のみ未サポート –Filters, Fonts, Animation •GPU アクセラレーション
  • 6. Windows Internet Explorer Testing Center Web 標準レンダリングの検証結果を公開するページ
  • 8. Web Standards Update for Microsoft Visual Studio 2010 SP1 ＋ SVG Intellisense schema for Visual Studio 2010 and 2008
  • 9. AI → Canvas Adobe Illustrator の プラグイン
  • 12. 関連情報 #1 • Internet Explorer 9 開発者ガイド – http://msdn.microsoft.com/ja-jp/ie/ff468705 • Internet Explorer 9 のサンプルと チュートリアル – http://msdn.microsoft.com/ja- jp/library/gg491737(VS.85).aspx • Internet Explorer 9 の互換性ガイド – http://msdn.microsoft.com/ja- jp/library/ff986083(VS.85).aspx
  • 13. 関連情報 #2 • Windows Internet Explorer Testing Center – http://samples.msdn.microsoft.com/ietestcenter/d efault-JA.htm • Internet Explorer デベロッパーセンター – http://msdn.microsoft.com/ja-jp/ie/ • Technet - Internet Explorer – http://technet.microsoft.com/ja-jp/ie/ • Internet Explorer ブログ (日本語版) – http://blogs.msdn.com/b/ie_jp/
  • 14. 関連情報 #3 • Visual Studio 2010 評価版 (プロ フェッショナル向け) – http://www.microsoft.com/japan/visualstudi o/download • Visual Web Developer 2010 Express ( 無償) のインストール方法 – http://blogs.msdn.com/b/osamum/archive/ 2011/02/18/visual-web-developer-2010- express.aspx
  • 15. 関連情報 #4 • Web Standards Update for Microsoft Visual Studio 2010 SP1 – http://bit.ly/lWV98W • SVG Intellisense schema • for Visual Studio 2010 and 2008 – http://bit.ly/n8UHIl • AI → Canvas – http://visitmix.com/labs/ai2canvas/
  • 16. © 2011 Microsoft Corporation. All rights reserved. Microsoft, Windows, Windows 7 and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries. The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation. Because Microsoft must respond to changing market conditions, it should not be interpreted to be a commitment on the part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after the date of this presentation. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.