修改导出画布部分交互
This commit is contained in:
@@ -384,6 +384,13 @@ export default defineComponent({
|
||||
canvas.on("mouse:out", event=>setCanvasOut(event));
|
||||
canvas.on("mouse:down", event=>setCanvasDown(event));
|
||||
canvas.on("mouse:up", event=>setCanvasUp(event));
|
||||
|
||||
//双击
|
||||
canvas.on("mouse:dblclick", event=>{
|
||||
if(operation.value == 'fold'){
|
||||
foldEnd('Enter')
|
||||
}
|
||||
});
|
||||
// canvas.on('path:created', (event)=>{updateCanvasState()});
|
||||
// canvas.on("selection:created", (event)=>{setZIndex(event)});
|
||||
// canvas.on('object:removed', function() {
|
||||
@@ -1115,6 +1122,7 @@ export default defineComponent({
|
||||
let uploadImage = (event)=>{
|
||||
let input = document.querySelector('.uploadImage input')
|
||||
const file = event.target.files[0];
|
||||
setOperation('move')
|
||||
if (file) {
|
||||
const reader = new FileReader();
|
||||
reader.onload = (e) => {
|
||||
@@ -1246,7 +1254,7 @@ export default defineComponent({
|
||||
canvas.isDrawingMode = true
|
||||
let eraser = new fabric.EraserBrush(canvas)
|
||||
canvas.freeDrawingBrush = eraser
|
||||
brushIndicator.set({fill: '#FFF'});
|
||||
brushIndicator.set({fill: '#fff'});
|
||||
canvas.requestRenderAll();
|
||||
canvas.freeDrawingBrush.isEraser = true
|
||||
canvas.freeDrawingBrush.width = canvasPencilWidth.value;
|
||||
@@ -1354,6 +1362,7 @@ export default defineComponent({
|
||||
}
|
||||
//设置再画布上移动
|
||||
let setCanvasMove = (event)=>{
|
||||
|
||||
var pointer = canvas.getPointer(event.e);
|
||||
if(canvas.isDrawingMode){
|
||||
canvas.setCursor('none');
|
||||
@@ -1376,6 +1385,7 @@ export default defineComponent({
|
||||
}
|
||||
//设置再画布上按下
|
||||
let setCanvasDown = (event)=>{
|
||||
// brushIndicator.set({fill: '#FFF',strokeWidth:0});
|
||||
//设置移动端按下添加元素
|
||||
if(isMoible && present.checked){
|
||||
present.checked = false
|
||||
|
||||
Reference in New Issue
Block a user