摘要: 1. 图形变换 canvas是基于状态绘制图形的。故此一般情况下,canvas的绘制的图形路径和状态时分离的。 在填充或绘制之前可以调用一些状态或者图形变换的来设置当前绘制图形的状态。 这里所说的图形变换大致指的就是: 1> 位移 translate(x,y) : 将canvas画布进行位移显示。将 阅读全文
posted @ 2016-07-12 14:18 jiangxiaobo 阅读(2547) 评论(0) 推荐(0)
摘要: 1. lineWidth 线条宽度 ( 示例: lineWidth = 10 ) 2. lineCap 线条帽(线条两端的形状) ( 示例: lineCap = butt(default) | round(圆头) | square(方头) ) 3. lineJoin 线条连接形状 ( 示例: lin 阅读全文
posted @ 2016-07-12 11:48 jiangxiaobo 阅读(408) 评论(0) 推荐(0)
摘要: 1. 理解canvas canvas其实是HTML5中一个新增加的标签,对于canvas标签本身并没有什么非常强大的属性(width、height、id、class、style),仅仅作为一个画布存在,只能使用js获取canvas绘图上下文环境(也就是获取CanvasRenderingContext 阅读全文
posted @ 2016-07-12 11:15 jiangxiaobo 阅读(253) 评论(0) 推荐(0)