码迷,mamicode.com
首页 > Web开发 > 详细

初识HTML5

时间:2018-02-09 14:59:16      阅读:220      评论:0      收藏:0      [点我收藏+]

标签:false   width   get   asc   初识   童鞋   顺时针   str   圆形   

给大家推荐一下学习研究HTML5必备的一些个网站,更加有利于大家对HTML5的学些和研究。如果各位童鞋还有更多的,欢迎投递资源给我们,也可以支持我们,让我们利用大家的力量收集更多的HTML5学习资料,让我们的开发者和HTML5的爱好者受益,利人利己的事,童鞋们多多益善啊!

<canvas id="myCanvas" width="200" height="200"></canvas>//一个宽200px高200px的画布容器;

<script type="text/javascript">
var canvas=document.getElementById(myCanvas);//得到canvas元素
var ctx=canvas.getContext(2d);//getContext("2d") 对象是内建的 HTML5 对象,拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法
ctx.fillStyle=#FF0000;//设置或返回用于填充绘画的颜色、渐变或模式
ctx.fillRect(0,0,80,100);//在画布上绘制一个原点坐标为(0,0),宽80px高100的矩形
//以顺时针方向(3点钟方向)绘制一个原点坐标在(100,25)半径为20的整圆,
ctx.beginPath();//起始一条路径,或重置当前路径
ctx.arc(100,25,20,0,2*Math.PI,false);//创建弧/曲线(用于创建圆形或部分圆)。
ctx.stroke();//绘制已定义的路径。

</script>

 

初识HTML5

标签:false   width   get   asc   初识   童鞋   顺时针   str   圆形   

原文地址:https://www.cnblogs.com/daisy270/p/8434233.html

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