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

一 演示效果

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

 

 

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

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


三 画笔实现
利用moveTol***To实现画笔。

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

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

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


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

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

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


五 Demo

https://files-cdn.cnblogs.com/files/gamedaybyday/Egret4.0.3_CanvasExample.7z

posted on 2018-06-24 11:14  gamedaybyday  阅读(1058)  评论(0编辑  收藏  举报