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