上传者: 38590989
|
上传时间: 2021-03-29 18:12:45
|
文件大小: 160KB
|
文件类型: PDF
实现效果
(此图片来源于网络,如有侵权,请联系删除! )
如何实现
使用canvas
使用movable-view标签
由于movable-view无法实现旋转,所以选择使用canvas
需要解决的问题
如何将多个元素渲染到canvas上
如何知道手指在元素上、如果多个元素重叠如何知道哪个元素在最上层
如何实现拖拽元素
如何缩放、旋转、删除元素
看起来挺简单的嘛,就把上面这几个问题解决了,就可以实现功能了;接下来我们一一解决。
如何将多个元素渲染到canvas上
定义一个DragGraph类,传入元素的各种属性(坐标、尺寸…)实例化后推入一个渲染数组里,然后再循环这个数组调用实例中的渲染方