This commit is contained in:
wxd
2024-10-13 22:20:59 +08:00
parent 82060d24b1
commit 935d69ac42
3 changed files with 21 additions and 10 deletions

View File

@@ -27,7 +27,7 @@
</div> -->
<i class="icon iconfont icon-chehui" @click="historyState('')"></i>
<i class="icon iconfont icon-fanchehui" @click="historyState('reverse')"></i>
<i class="icon iconfont icon-move" @click="setOperation('move')" :class="{active:canvasState == 'move'}"></i>
<!-- <i class="icon iconfont icon-move" @click="setOperation('move')" :class="{active:canvasState == 'move'}"></i> -->
<i class="icon iconfont icon-bianji" @click="setOperation('pencil')" :class="{active:canvasState == 'pencil'}"></i>
<i class="icon iconfont icon-xiangpi_huaban1" @click="setOperation('eraser')" :class="{active:canvasState == 'eraser'}"></i>
<!-- <i class="icon iconfont icon-IC-yehua" @click="setOperation('liquidation')"></i> -->
@@ -177,6 +177,7 @@ export default defineComponent({
width:canvasWH.value * wScale,
height:canvasWH.value * hScale,
})
canvas.selection = false;
scale = img.height/canvas.height
pencilbtnStyle.value.background = canvasBtn.canvasPencilColor
@@ -278,17 +279,23 @@ export default defineComponent({
}
let setOperation = (str)=>{
canvasBtn.canvasState = str
let canvasCenterBox = document.querySelector(".generalMiniCanvas .exportCanvasBox_center_box");
let classList = canvasCenterBox.className.split(' ');
if(str == 'move'){
setMove()
pencilbtnStyle.value.display = `none`
if(classList.indexOf('cursorNone')>-1) canvasCenterBox.classList.remove('cursorNone')
}else if(str == 'pencil'){
setPencil()
pencilbtnStyle.value.display = `block`
if(classList.indexOf('cursorNone') == -1) canvasCenterBox.classList.add('cursorNone')
}else if(str == 'eraser'){
setEraser()
pencilbtnStyle.value.display = `block`
if(classList.indexOf('cursorNone') == -1) canvasCenterBox.classList.add('cursorNone')
}else if(str == 'liquidation'){
canvas.isDrawingMode = false
if(classList.indexOf('cursorNone') == -1) canvasCenterBox.classList.add('cursorNone')
}
}
let setMove = ()=>{
@@ -427,11 +434,9 @@ export default defineComponent({
)
exportCanvas.add(obj)
})
let data = canvas.toDataURL({
format: 'png',
quality: 1 // 质量参数,范围 0.0 - 1.0
});
console.log(canvas.toDataURL("image/png"));
let data = canvas.toDataURL("image/png");
if(liquefation){
return resolve(data)
}
@@ -635,7 +640,8 @@ export default defineComponent({
overflow: hidden;
width: 100%;
background: #e6e6e6;
&:hover{
cursor: inherit;
&.cursorNone:hover{
cursor: none;
}
.editFrontBack_pencilbtn{