修改对图片比例缩小后使用的图片大小

This commit is contained in:
X1627315083
2024-10-10 17:01:15 +08:00
parent 03a85a3642
commit 223a6d8385
3 changed files with 237 additions and 214 deletions

View File

@@ -95,6 +95,7 @@ export default defineComponent({
imgData.value = data
nextTick(()=>{
let canvasBox = document.querySelector(".editFrontBack_center .exportCanvasBox_center");
let editFrontBack_bgImg = document.querySelector(".editFrontBack_center .editFrontBack_bgImg");
document.addEventListener("keydown", canvasKeyDown);
document.addEventListener("keyup", canvasKeyUp);
document.removeEventListener('mousemove', mouseMove);
@@ -105,6 +106,7 @@ export default defineComponent({
let height = canvasBox.offsetHeight;
canvasWH.value = height
canvasBox.style.width = height+'px'
let wScale = 1
let hScale = 1
let styleWidth = Number(data.style.width.split('px')[0])
@@ -116,6 +118,8 @@ export default defineComponent({
wScale = styleWidth/styleHeight
exportWH = img.height
}
editFrontBack_bgImg.style.width = canvasWH.value * wScale+'px'
editFrontBack_bgImg.style.height = canvasWH.value * hScale+'px'
ratio = [wScale,hScale]
canvas = canvasGeneral.canvasInit(canvasBox,{
width:canvasWH.value * wScale,
@@ -337,8 +341,10 @@ export default defineComponent({
}else{
return
}
canvas.loadFromJSON(canvasState.value, () => {});
createSetTimeSubmit()
canvas.loadFromJSON(canvasState.value, () => {
createSetTimeSubmit()
});
}
let setSubmit = ()=>{
var allObjects = canvas.getObjects('path');
@@ -577,7 +583,6 @@ export default defineComponent({
img{
height: 100%;
width: 100%;
object-fit: contain;
}
}