素描
描述
是一个没有<canvas>(和CanvasRenderingContext2D方法)的图形网格,用于练习基本JavaScript(数组,循环,DOM操作等)。 我参加了这个项目,还学习了如何组合颜色(更改不透明度时),如何更改鼠标光标以及如何管理触摸事件(用于在手机或平板电脑上绘图)。
特征
可以通过按住鼠标左键或用手指触摸来用鼠标(笔)绘制网格
可以通过右键单击来擦除鼠标(橡皮擦)
可以从颜色选择器或历史记录调色板中选择一种颜色
可以更改不透明度级别,因此将笔的颜色组合到当前的网格单元颜色(加法模式)
更改笔的颜色(使用颜色选择器或历史记录调色板)时,将保持不透明度级别
可以通过开关复选框激活填充模式
可以通过单击鼠标左键或用手指触摸来填充相同颜色的单元格区域(应用不透明效果)
擦除按钮可以将笔/填充笔变成橡皮擦(触摸屏必需)
可以创建一个新的网格(替换当前网格)