教程目录
一 演示效果
二 画布实现
三 画笔实现
四 橡皮擦实现
五 Demo
一 演示效果
这是一个很简单的画布,就是提供个思路。比如阴阳师画符
测试地址
PC:http://120.24.188.118/egret/canvasexample/
手机:
二 画布实现
画布是一个白色底的sprite,利用sprite的Graphics实现画笔和橡皮擦效果。
三 画笔实现
利用moveTo和l***To实现画笔。
当画笔再画布上触摸时,将画线的起始点moveTo移动到触摸点。
当画笔在画布上移动时,使用l***To画出线条
每一次移动都调用一次l***To,这样画布上画出了一条连续的线条
四 橡皮擦实现
因为画布Sprite是白色的底。橡皮擦就是白色的画笔画出白色的线条,这样看上去就像画布被擦干净了一样。
黑色的橡皮擦,看上去是这样。
换成白色,那么画布就被“”擦干净“”了,其实是白色线条盖住了原来黑色的黑条。
五 Demo
https://files-cdn.cnblogs.com/files/gamedaybyday/Egret4.0.3_CanvasExample.7z