首页 > Web开发 > 详细

Html5-测试Canvas

时间:2016-01-09 00:56:22      阅读:223      评论:0      收藏:0      [点我收藏+]
 

 1 <style><!--
 2 #container{
 3     background-color:#C7C7C7;
 4 }
 5 --></style>
 6 <div id="container">&nbsp;</div>
 7 <p>
 8 <script type="text/javascript">// <![CDATA[
 9 window.addEventListener("load",eventWindowLoaded,false);
10     function eventWindowLoaded(){
11         canvasApp();
12     }
13     function canvasApp(){
14         document.getElementById("container").innerHTML="<canvas id=‘canvas_one‘ width=‘500‘ height=‘300‘>浏览器不支持Html5 Canvas</canvas>";
15         var theCanvas=document.getElementById("canvas_one");
16         if(!theCanvas||!theCanvas.getContext){return;}
17         var context=theCanvas.getContext("2d");
18         function drawScreen(){
19             context.fillStyle="#FF0000";
20             context.fillRect(0,0,150,75);
21         }
22         drawScreen();
23     }
24 // ]]></script>
25 </p>

 

Html5-测试Canvas

原文:http://www.cnblogs.com/alexywt/p/5115245.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!