![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
canvas
chashao__
这个作者很懒,什么都没留下…
展开
-
canvas应用——实现一个简单的绘画板(1)
本示例是源于项目的一个需求做的一个demo。初衷只是为了实现通过拖拽绘制用户所需大小的矩形,后面就继续完善了一下功能。目前实现了通过拖拽绘制矩形、移动画布上现有的矩形、保存当前画布、撤销与反撤销 canvas是HTML5新增的元素,是HTML5 的一大亮点,canvas翻译过来其实就是画布的意思,它可以替代flash,制作网页的很多动画效果以及游戏。渲染效率非常高,不像flash要在游览器安装fl...原创 2019-09-17 18:01:40 · 353 阅读 · 0 评论 -
canvas应用——实现一个简单的绘画板(2)
接上一篇:canvas应用——实现一个简单的绘画板(1) 功能2:鼠标拖动矩形变更位置 在鼠标按下时要先判断该操作是绘制还是拖拽,这里以鼠标按下时的坐标是否在矩形内来判断,在矩形外则为绘制(isDrawing=true),在矩形内则为拖拽(isDragging=true)。若是为拖拽还要判断是哪一个矩形,选中的矩形设置isSelected=true。为了方便区分,为正在操作的矩形添加黑色边框。...原创 2019-09-18 10:57:53 · 187 阅读 · 0 评论