Lang/html/5/canvas の変更点

• 追加された行はこの色です。
• 削除された行はこの色です。
• Lang/html/5/canvas へ行く。
• Lang/html/5/canvas の差分を削除

#topicpath();

//////////////////////////////////////////////////////////////////////////////
* 目次 [#qe3a93fd]
#contents();

//////////////////////////////////////////////////////////////////////////////
* Canvas が使えるか？ [#t4f6cc79]
 <script type="text/javascript" language="JavaScript">
   <!--
    if(window.HTMLCanvasElement){
      window.alert("Canvas API を利用できます。");
    }else{
      window.alert("Canvas API を利用できません。");
      window.alert("Canvas API は利用できません。");
    }
  -->
 </script>


//////////////////////////////////////////////////////////////////////////////
* 領域を指定し、赤い四角を描画する [#x30365ed]
 <canvas id="sample" style="border: 1px solid #000000;" width="200" height="200">ご利用のブラウザではCANVAS API が無効のためご覧頂けません。</canvas>
 <script type="text/javascript">
   window.addEventListener("load",
   function() {
     var canvas  = document.getElementById("sample");
     var context = canvas.getContext("2d");
     context.fillStyle = "#ff0000";
     context.fillRect(20,20,50,50);
   },
   false);
 </script>




//////////////////////////////////////////////////////////////////////////////
* Link [#q5fc7c1c]
- [[Mozillaの研究者ら、HTML5とJavaScriptでPDFレンダリングに成功>http://internet.watch.impress.co.jp/docs/news/20110705_458311.html]]