|
|
@ -9,7 +9,6 @@ |
|
|
|
import hotkeys from 'hotkeys-js' |
|
|
|
import { cloneDeep } from 'lodash-es' |
|
|
|
import { v4 as uuid } from 'uuid' |
|
|
|
import { Message } from 'view-design' |
|
|
|
|
|
|
|
const keyNames = { |
|
|
|
lrdu: 'left,right,down,up', // 左右上下
|
|
|
@ -37,16 +36,16 @@ function initHotkeys(canvas) { |
|
|
|
switch (handler.key) { |
|
|
|
case 'left': |
|
|
|
activeObject.set('left', activeObject.left - 1) |
|
|
|
break; |
|
|
|
break |
|
|
|
case 'right': |
|
|
|
activeObject.set('left', activeObject.left + 1) |
|
|
|
break; |
|
|
|
break |
|
|
|
case 'down': |
|
|
|
activeObject.set('top', activeObject.top + 1) |
|
|
|
break; |
|
|
|
break |
|
|
|
case 'up': |
|
|
|
activeObject.set('top', activeObject.top - 1) |
|
|
|
break; |
|
|
|
break |
|
|
|
default: |
|
|
|
} |
|
|
|
canvas.renderAll() |
|
|
@ -55,10 +54,8 @@ function initHotkeys(canvas) { |
|
|
|
|
|
|
|
// 复制粘贴
|
|
|
|
copyElement(canvas) |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
function copyElement(canvas) { |
|
|
|
let copyEl = null |
|
|
|
|
|
|
@ -71,11 +68,11 @@ function copyElement(canvas){ |
|
|
|
copyEl.left += 10 |
|
|
|
copyEl.top += 10 |
|
|
|
} |
|
|
|
Message.success('复制成功') |
|
|
|
this.$message.success('复制成功') |
|
|
|
}) |
|
|
|
// 粘贴
|
|
|
|
hotkeys(keyNames.ctrlv, (event, handler) => { |
|
|
|
if(!copyEl) return Message.warning('暂无复制内容') |
|
|
|
if (!copyEl) return this.$message.warning('暂无复制内容') |
|
|
|
const myCopyEl = cloneDeep(copyEl) |
|
|
|
myCopyEl.id = uuid() |
|
|
|
copyEl.left += 10 |
|
|
|