摘要: 绘制曲线,经常会用到路径的知识,如果你对路径有疑问,可以参考我的这篇文章[js高手之路] html5 canvas系列教程 - 开始路径beginPath与关闭路径closePath详解. arc:画弧度 cxt.arc( x, y, 半径, 开始角度,结束角度,是否逆时针 ); x, y: 为弧度 阅读全文
posted @ 2017-09-25 21:33 ghostwu 阅读(3657) 评论(0) 推荐(0) 编辑
摘要: 路径在canvas绘图中,经常被用到,是一个非常重要的概念. 比如:我们要在canvas画出3条直线,要求用不同的颜色加以区分. 在画每一条线之前,我都用storeStyle设置了线的颜色,但是,出来的结果却是3条黄色的线,并不是红、橙、黄三条颜色不同的线。为什么呢? 首先我们要搞清楚canvas渲 阅读全文
posted @ 2017-09-25 20:32 ghostwu 阅读(3243) 评论(0) 推荐(0) 编辑
摘要: 我们接着上文[js高手之路] html5 canvas系列教程 - 认识canvas以及基本使用方法继续. 一、直线的绘制 cxt.moveTo( x1, y1 ): 将画笔移动到x1, y1这个点 cxt.lineTo( x2, y2 ):将画笔从起点开始画直线,一直画到终点坐标( x2, y2 阅读全文
posted @ 2017-09-25 16:11 ghostwu 阅读(5015) 评论(1) 推荐(0) 编辑
摘要: canvas是html5中引入的一个新元素,俗称画布,既然是画布,当然是用来画图的。canvas技术指的是利用javascript操作canvas元素绘制图形的技术,要使用canvas,一定要浏览器支持canvas,谷歌和火狐的支持性很好,IE8不支持。你可以参考这个网站,查看canvas的支持性: 阅读全文
posted @ 2017-09-25 11:08 ghostwu 阅读(8868) 评论(0) 推荐(0) 编辑
Copyright ©2017 ghostwu