\src\components\Wave.vue 1. import Wave from '@/components/Wave.vue' 2. components: { Wave }, 3. <wave /> ...

因为此组件是用touch监听位置，所以在pc端无法展示组件效果，需在移动端测试和使用 效果图： 大致思路：canvas监听touch，在canvas绘制，其实这个画板在其他博客已经写过很多了，只不过项目需要，要在vue框架实现，进行了一个基础的封装，使其在vue框架内使用 < ...

方案背景 需求 需要对图片进行标注，导出图片。 需要标注N多图片最后同时保存。 需要根据多边形区域数据（区域、颜色、名称）标注。 对应方案 用canvas实现涂鸦、圆形、矩形的绘制，最终生成图片base64编码用于上传 大量图片批量上传很耗时间，为了提高用户体验 ...

使用： 效果： 手机端： 睡觉。。。 。 ...

Vue，组件切换-切换动画 效果图 ...

动画 鼠标移入方块时，方块停止动画 绘制复杂背景 画面我截不出来，大概是闪太快了吧 大概效果就是网格状背景在刷新的一瞬间一闪而过 这是因为背景绘制完成之后，在下面方块动画前的清屏过程中被清空掉了 解决方案是：可以把绘制 ...

实现场景：定义一个1000*800的方框，圆球在其中移动，碰撞到边框弹回的动画。方框背景是半径为10的小圆球组成。鼠标移动到移动圆球时，圆球停止运动。 html代码： js代码： 效果是这样： ...