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

canvas入门(一)

时间:2017-04-12 03:04:42      阅读:210      评论:0      收藏:0      [点我收藏+]

标签:etc   获取   style   ack   script   java   back   rip   方法   

<canvas../>元素它是专门用来绘制图形的,但是它自身并不绘制图形,他只是相当于一块空的画布,任由开发者在其上利用javascript脚本进行绘制。

一般绘图需要一下.1:先获取canvas对应的dom对象,2.调用canvas对象的getContext()方法,3.调用CanvasRenderingContext2D对象的方法绘图。

这是一个简单的例子:

<body>
  <canvas id="cvs"></canvas>
<script>
 var cvs=document.getElementById(cvs);

 var ctx=cvs.getContext(2d);
//  设置填充颜色
 ctx.fillStyle=black;
//  绘制矩形
 ctx.fillRect(30,40,80,100)
    
</script>

</body>

 

canvas入门(一)

标签:etc   获取   style   ack   script   java   back   rip   方法   

原文地址:http://www.cnblogs.com/athean/p/6696726.html

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