文件名称：drawingBoard:预览链接：https
文件大小：8KB
文件格式：ZIP
更新时间：2024-05-29 04:59:40
JavaScript
如何用原生JS做一个画板？ 这是我做的第一个项目画板，故记录知识点方便以后回顾。有两种方式：div和canvas，选择了用canvas做。 关键词:原生JavaScript、Canvas、移动端、SVG、特性检测 描述：该项目使用原生JS实现，主要调用 Canvas API，实现了线粗、调色、橡皮擦、保存等功能。用 context.clearRect()实现了 橡皮檫和清屏的功能，用 className切换实现了笔的线粗、颜色切换的功能，用meta:vp、特性检测、ontouch事件实现了触屏设备与web端兼容。 一、div VS canvas 选哪个？ 如果用div做画板，那么思路是这样的： [removed]：鼠标点击画一个圆，获取点击的坐标；创建div；设置div样式； [removed]：移动创建圆：把1复制到2里，然后使用标记，未点击是
【文件预览】：
drawingBoard-master
----drawing-div()
--------index.html(449B)
--------main.js(1KB)
--------style.css(244B)
----README.md(6KB)
----drawing-canvas()
--------main.js(5KB)
--------canvas.html(1KB)
--------style.css(2KB)