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

canvas的学习

时间:2015-01-29 23:58:02      阅读:283      评论:0      收藏:0      [点我收藏+]

标签:

继续学习妙味课堂的知识:

这里讲的是canvas,有的浏览器不支持canvas,那么可以在这个标签里边写上文字,给不支持的浏览器的用户提示:

<canvas id="c1" width="400" height="400">
        <span>不支持的canvas的浏览器</span>
</canvas>

笔记如下:

技术分享

如何绘图,看语法:

技术分享

实例代码是:

window.onload = function(){
        var oC = document.getElementById(‘c1‘);
        //获取绘图的对象
        var oGc = oC.getContext(‘2d‘);//canvas是2d的,而webgl可以支持3D

        oGc.fillRect(35,10,100,100);//left,top,width,height,默认颜色:黑色
        oGc.stokeRect(10,50,100,100);//带边框的图形,默认是一像素的黑色边框
    };

 

canvas的学习

标签:

原文地址:http://www.cnblogs.com/ishenghuo/p/4261227.html

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