【咸鱼教程】一个简单的画布（阴阳师画符）

教程目录
一 演示效果
二 画布实现
三 画笔实现
四 橡皮擦实现
五 Demo

一 演示效果

这是一个很简单的画布，就是提供个思路。比如阴阳师画符

 

 

测试地址
PC：http://120.24.188.118/egret/canvasexample/
手机：
 

二 画布实现
画布是一个白色底的sprite，利用sprite的Graphics实现画笔和橡皮擦效果。


三 画笔实现
利用moveTo和l***To实现画笔。

当画笔再画布上触摸时，将画线的起始点moveTo移动到触摸点。
 

当画笔在画布上移动时，使用l***To画出线条
 

每一次移动都调用一次l***To，这样画布上画出了一条连续的线条
 


四 橡皮擦实现
因为画布Sprite是白色的底。橡皮擦就是白色的画笔画出白色的线条，这样看上去就像画布被擦干净了一样。

黑色的橡皮擦，看上去是这样。
 

换成白色，那么画布就被“”擦干净“”了，其实是白色线条盖住了原来黑色的黑条。
 


五 Demo