3.1、画线 线 我们首先调用newpath，初始化当画笔状态。 x y moveto,将画笔的移动到x,y的位置 x y lineto,以x,y为终点进行画线 stroke将构建的路径绘制到当前页面 showpage打印当前页 交叉线 x y rlineto:将画笔位以x,y进行位移 正方形 se ...
分类：
编程语言 时间：
2017-08-07 16:44:14
阅读次数：
165
近期有一个项目设计一个APP实现通过触摸屏实现毛笔写字效果。传统的绘画板程序直接通过Path的moveTo和LineTo便可实现简单的线条绘画程序。然而要达到毛笔的笔锋效果则须要更为具体点的设计。我的实现思路是通过以触摸事件DOWN、MOVE、UP中的每个点为圆心画圆，除此之外还可通过触摸压力的大小 ...
分类：
移动开发 时间：
2017-07-26 14:46:05
阅读次数：
223
扇形由三段线条组成，两条直线和一条弧线，直线可以用createjs中的lineTo函数画出，弧线用Graphics.arc函数来画。 一、关于createjs中的Graphics.Arc API Graphics.Arc用来画一条弧线，函数签名如下： Graphics.Arc(x, y,半径,开始的 ...
分类：
Web程序 时间：
2017-07-22 14:25:12
阅读次数：
1397
使用HTML5 canvas的注意事项，非零环绕原则的使用，closePath与lineTo的区别，使用arc产生的问题 ...
分类：
Web程序 时间：
2017-07-17 17:20:00
阅读次数：
218
核心对象：CanvasRenderingContext2D beginPath() 开始一个新路径 closePath() 闭合当前路径 moveTo() 移动至 lineTo() 划线至 stroke() 描边 fill() 填充 save() 保存当前画布对象，以便开始新的画布操作 restor ...
上一章节我们说到，线性路径的绘制，主要利用movoTo()，lineTo()等方法，当然 Canvas 2D API 也提供了虚线的绘制方法，CanvasRenderingContext2D.setLineDash(); 下面我们就来看看虚线的绘制方法 语法 参数 segments： 一个Array ...
分类：
其他好文 时间：
2017-06-21 21:03:24
阅读次数：
203
ie 8 不支持 canvas 路径方法 * 12 1、fill 2、stroke 3、beginPath 4、moveTo 5、closePath 6、lineTo 7、clip //相当于选区，可以在此之前，先save 然后之后再restore 8、quadraticCurveTo 9、bezi ...
分类：
其他好文 时间：
2017-06-03 18:15:49
阅读次数：
263
前面做了两个简单的效果，这次就来个下雨的效果 思路简单的说一下 随机在屏幕中的位置画雨滴，moveTo(x,y) 雨滴的长度就是lineTo(x,y+len) 每次重新绘制页面，就能达到下雨的效果了 ...
分类：
其他好文 时间：
2017-04-08 16:20:54
阅读次数：
163
1.剪切路径 clip() var ctx=mycanvas.getContext('2d'); ctx.beginPath(); // 建一个矩形路径 ctx.moveTo(20,10) ctx.lineTo(100,10) ctx.lineTo(100,100) ctx.lineTo(20,10 ...
分类：
其他好文 时间：
2017-02-22 19:59:45
阅读次数：
211
var C:TControlCanvas; begin C := TControlCanvas.Create; C.Pen.Color := clRed; C.Pen.Width := 3; C.Control := Memo1; C.MoveTo( 20,20 ); C.LineTo( 20, 1... ...
