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

canvas认识

时间:2016-09-25 00:39:24      阅读:151      评论:0      收藏:0      [点我收藏+]

标签:

1使用canvas绘制一个矩形

<canvas id="canvas" width="640" height="360"></canvas>

  

<script>
//    获取context对象
    var canvas = document.getElementById(‘canvas‘);
    if(canvas.getContext) {
        var context = canvas.getContext(‘2d‘);
//        设置颜色
        context.fillStyle = ‘rgb(255,0,0)‘;
//        从坐标(20,30)开始,画一个64x36大小的矩形
        context.fillRect(20,30,64,36);
    }
</script>

  

2

 

canvas认识

标签:

原文地址:http://www.cnblogs.com/shenq/p/5904524.html

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