码迷,mamicode.com
首页 > 其他好文 > 详细

Canvas的使用(1)

时间:2014-09-16 21:51:21      阅读:146      评论:0      收藏:0      [点我收藏+]

标签:style   blog   color   使用   ar   div   sp   log   on   

获取Canvas对象:

<canvas id="t_canvas" width="300" height="300"></canvas>

    <script>

             var canvas=document.getElementId("t_canvas");

    </script>

 

通过获取canvas的上下文对象getContext()并调用上下文的方法才能进行绘制:

<canvas id="t_canvas" width="300" height="300"></canvas>

    <script>

             var canvas=document.getElementId("t_canvas"); //获取canvas对象
             var ctx=canvas.getContext("2d"); //获取上下文对象
             ctx.fillStyle="rgb(255,0,0)";   //调用fillStyle()方法填充为红色
             ctx.fillRect(50,50,200,200);  //绘制矩形

    </script>

用fillStyle()填充颜色,颜色有三种指定的方法:

ctx.fillStyle="#FF0000";

ctx.fillStyle="rgb(255,0,0)";

ctx.fillStyle="rgba(255,0,0,0.5)"; //其中的0.5指透明度

 

Canvas的使用(1)

标签:style   blog   color   使用   ar   div   sp   log   on   

原文地址:http://www.cnblogs.com/hiphop-J/p/3975769.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!