-
WEB前端
站-
热门城市 全国站>
-
其他省市
-
-
400-636-0069
沉沙
2018-06-05
来源 ：
阅读 768
评论 0
摘要：本文讲解了关于Html5 canvas的10点小知识，希望阅读本篇文章以后大家有所收获，帮助大家对HTML5的理解更加深入。
1.<canvas id="canvas">若此浏览器不支持canvas会显示该文字</canvas>
//创建个html节点
2.var context = canvas.getContext(‘2d’)
//返回一个表示用来绘制的环境类型的环境，目前只支持2d
3.context.moveTo(10,10)
//起始点
4.context.lineTo(600,600)
//中途经过点以及末尾点
5.context.lineWidth = 10
//直线的宽度（线段宽度）
6.context.strokeStyle = “color”
//指定线条的样式
7.context.stroke()
//将进行绘制；
8.beginPath和closePath是成对出现的，用在绘制封闭的多边形
//如果有2条或2条以上的线时，beginPath可以清楚前者的状态（比如颜色），重新定义一个。还能替代moveTo();
9.当使用封闭型多边形时
context.fillStyle=“color”;//填充颜色context.fill();//运行
10.canvas自带函数rect(x,y,width,height)
//轻松编写出一个矩形
本文由职坐标整理发布，更多相关内容，请关注职坐标WEB前端HTML5/CSS3频道！
喜欢 | 0
不喜欢 | 0
您输入的评论内容中包含违禁敏感词
我知道了
请输入正确的手机号码
请输入正确的验证码
您今天的短信下发次数太多了，明天再试试吧！
我们会在第一时间安排职业规划师联系您！
您也可以联系我们的职业规划师咨询：
版权所有 职坐标-一站式IT培训就业服务领导者 沪ICP备13042190号-4
上海海同信息科技有限公司 Copyright ©2015 www.zhizuobiao.com，All Rights Reserved.
沪公网安备 31011502005948号
索取资料
答疑解惑
技术交流
职业测评
面试技巧
高薪秘笈
