调整画布bug

This commit is contained in:
X1627315083
2024-07-12 15:54:46 +08:00
parent aadd133e45
commit 55d19a3969
8 changed files with 23 additions and 14 deletions

View File

@@ -3,8 +3,8 @@ NODE_ENV = 'development'
# VUE_APP_BASE_URL = 'https://api.aida.com.hk' # VUE_APP_BASE_URL = 'https://api.aida.com.hk'
# VUE_APP_BASE_URL = 'http://18.167.251.121:10086' # VUE_APP_BASE_URL = 'http://18.167.251.121:10086'
VUE_APP_BASE_URL = 'https://develop.api.aida.com.hk' # VUE_APP_BASE_URL = 'https://develop.api.aida.com.hk'
# VUE_APP_BASE_URL = 'https://api.aida.com.hk' VUE_APP_BASE_URL = 'https://api.aida.com.hk'
# 佩佩 # 佩佩
# VUE_APP_BASE_URL = 'http://192.168.1.7:5567' # VUE_APP_BASE_URL = 'http://192.168.1.7:5567'
# 海波 # 海波

View File

@@ -184,10 +184,13 @@ export default defineComponent({
keyDown = keyDown.filter(function(item) { keyDown = keyDown.filter(function(item) {
return event.code !== item; return event.code !== item;
}) })
} }
let clearCanvas = ()=>{ let clearCanvas = ()=>{
canvasBtn.canvasState = 'move' canvasBtn.canvasState = 'move'
canvasBtn.spreadState = false canvasBtn.spreadState = false
document.removeEventListener("keydown", canvasKeyDown);
document.removeEventListener("keyup", canvasKeyUp);
} }
let rgba = 'rgba(0, 0, 0, 1)' let rgba = 'rgba(0, 0, 0, 1)'
let brushIndicator = new fabric.Circle({ let brushIndicator = new fabric.Circle({

View File

@@ -28,7 +28,7 @@
</label> --> </label> -->
<label> <label>
<div>{{ $t('exportModel.Height') }}:</div> <div>{{ $t('exportModel.Height') }}:</div>
<input type="number" @input="setMaxInput('height', 10000)" v-model="canvasWH.height" /> <input type="number" @input="setMaxInput('height', 30000)" v-model="canvasWH.height" />
</label> </label>
<div class="exportCanvasBox_title" @click.stop="setCloseNav('nav')"> <div class="exportCanvasBox_title" @click.stop="setCloseNav('nav')">
{{ $t('exportModel.CanvasNav') }} {{ $t('exportModel.CanvasNav') }}
@@ -403,7 +403,7 @@ export default defineComponent({
// canvas.wrapperEl.onmouseover = setCanvasKeyDown;//document上添加按下和抬起事件 // canvas.wrapperEl.onmouseover = setCanvasKeyDown;//document上添加按下和抬起事件
// canvas.wrapperEl.onmouseout = clearCanvasKeyDown;//document上添加按下和抬起事件 // canvas.wrapperEl.onmouseout = clearCanvasKeyDown;//document上添加按下和抬起事件
canvas.on("mouse:over", event =>setCanvasKeyDown(event));//document上添加按下和抬起事件 canvas.on("mouse:over", event =>setCanvasKeyDown(event));//document上添加按下和抬起事件
canvas.on("mouse:out", event =>clearCanvasKeyDown(event));//document上添加按下和抬起事件 canvas.on("mouse:out", clearCanvasKeyDown);//document上添加按下和抬起事件
canvas.on("mouse:move", event =>setCanvasMove(event)); canvas.on("mouse:move", event =>setCanvasMove(event));
canvas.on("mouse:out", event=>setCanvasOut(event)); canvas.on("mouse:out", event=>setCanvasOut(event));
@@ -833,6 +833,7 @@ export default defineComponent({
centered:true, centered:true,
onOk() { onOk() {
showUpgradePlan.value = false; showUpgradePlan.value = false;
canvas.off("mouse:out", clearCanvasKeyDown);
canvas.dispose(); canvas.dispose();
position = { position = {
//设置每个图形位置的初始值 //设置每个图形位置的初始值
@@ -1465,7 +1466,6 @@ export default defineComponent({
let setPencilColor = ()=>{//切换颜色给铅笔设置颜色 let setPencilColor = ()=>{//切换颜色给铅笔设置颜色
clearTimeout(setTimeOut.color) clearTimeout(setTimeOut.color)
setTimeOut.color = setTimeout(()=>{ setTimeOut.color = setTimeout(()=>{
console.log(createText);
if(createText.set){ if(createText.set){
setFontFamily() setFontFamily()
return return
@@ -1873,7 +1873,7 @@ export default defineComponent({
canvasPencilColor.value = obj.fill canvasPencilColor.value = obj.fill
} }
let setFontFamily = ()=>{ let setFontFamily = ()=>{
if(createText){ if(createText.set){
createText.set({ createText.set({
fontFamily:fontFamily.value, fontFamily:fontFamily.value,
fontSize:canvasPencilWidth.value[operation.value]?canvasPencilWidth.value[operation.value]:20, fontSize:canvasPencilWidth.value[operation.value]?canvasPencilWidth.value[operation.value]:20,

View File

@@ -189,9 +189,11 @@ export default defineComponent({
setBtnPosition(oldClickedObject) setBtnPosition(oldClickedObject)
} }
let clickedObject
let setTextBtn = (e) =>{//点击判断是否点击到文字 let setTextBtn = (e) =>{//点击判断是否点击到文字
var clickedObject = e.target; clickedObject = e.target;
if (clickedObject instanceof fabric.IText){ if (clickedObject instanceof fabric.IText){
if(oldClickedObject)oldClickedObject.off('changed',clickObjChanged);
selectTextbox.value = clickedObject selectTextbox.value = clickedObject
textData.fill = clickedObject.fill textData.fill = clickedObject.fill
textData.fontSize = clickedObject.fontSize textData.fontSize = clickedObject.fontSize
@@ -202,7 +204,6 @@ export default defineComponent({
textData.underline = clickedObject.underline textData.underline = clickedObject.underline
setBtnPosition(clickedObject) setBtnPosition(clickedObject)
clickedObject.on('changed',clickObjChanged); clickedObject.on('changed',clickObjChanged);
if(oldClickedObject)oldClickedObject.off('changed',clickObjChanged);
oldClickedObject = clickedObject oldClickedObject = clickedObject
}else{ }else{
selectTextbox.value = null selectTextbox.value = null
@@ -254,7 +255,7 @@ export default defineComponent({
// 检查对象是否与另一个对象相交 // 检查对象是否与另一个对象相交
if (obj.intersectsWithObject(options)) { if (obj.intersectsWithObject(options)) {
messageShow = true messageShow = true
message.info('看到输入的内容可能存在重叠,重叠会影响最终效果哦~',()=>{ message.info(t('Generate.jsContent11'),()=>{
messageShow = false messageShow = false
}); });
} }
@@ -318,7 +319,7 @@ export default defineComponent({
let setSubmit = ()=>{ let setSubmit = ()=>{
var allObjects = canvas.getObjects(); var allObjects = canvas.getObjects();
if(allObjects.length == 0){ if(allObjects.length == 0){
message.info('最少需要创建一个文字') message.info(t('Generate.jsContent12'))
return return
} }
var canvasDom = document.createElement("canvas"); var canvasDom = document.createElement("canvas");
@@ -358,6 +359,10 @@ export default defineComponent({
// console.log(exportCanvas.toDataURL('png') ); // console.log(exportCanvas.toDataURL('png') );
} }
let cancelDsign = ()=>{ let cancelDsign = ()=>{
canvas.off('object:moving',canvasMoving)
if(oldClickedObject)oldClickedObject.off('changed',clickObjChanged);
if(clickedObject)clickedObject.off('changed',clickObjChanged);
canvas.off('mouse:down',setTextBtn)
canvas.dispose(); canvas.dispose();
showPayOrder.value = false showPayOrder.value = false
} }

View File

@@ -395,8 +395,6 @@ export default defineComponent({
productImgData.generateList.splice(index,1) productImgData.generateList.splice(index,1)
}else{ }else{
productImgData.generateList.push(item) productImgData.generateList.push(item)
console.log(item,productImgData.generateList);
productImgData.likeList.splice(index,1) productImgData.likeList.splice(index,1)
} }

View File

@@ -411,6 +411,9 @@ export default {
jsContent7:"上传失败", jsContent7:"上传失败",
jsContent8:"您{str}还有{num}次生成额度。", jsContent8:"您{str}还有{num}次生成额度。",
jsContent9:"您的{str}生成额度已用完。", jsContent9:"您的{str}生成额度已用完。",
jsContent10:"请完成标语图片",
jsContent11:"看到输入的内容可能存在重叠,重叠会影响最终效果哦~",
jsContent12:"最少需要创建一个文字",
}, },
collectionModal:{ collectionModal:{
Moodboard:'情绪板', Moodboard:'情绪板',

View File

@@ -413,6 +413,8 @@ export default {
jsContent8:"You have {num} remaining opportunity to generate {str}.", jsContent8:"You have {num} remaining opportunity to generate {str}.",
jsContent9:"You have exhausted your generation opportunities {str}.", jsContent9:"You have exhausted your generation opportunities {str}.",
jsContent10:"Please complete the slogan picture", jsContent10:"Please complete the slogan picture",
jsContent11:"See the input content may overlap, overlap will affect the final effect oh",
jsContent12:"Complete at least one slogan",
}, },
collectionModal:{ collectionModal:{
Moodboard:'Moodboard', Moodboard:'Moodboard',

View File

@@ -1098,8 +1098,6 @@ export default defineComponent({
//给模特打点编辑 //给模特打点编辑
placementClick(data:any){ placementClick(data:any){
let placementModal:any = isMoible() ? this.$refs.ModelPlacementMobile : this.$refs.ModelPlacement let placementModal:any = isMoible() ? this.$refs.ModelPlacementMobile : this.$refs.ModelPlacement
console.log(this.sex);
placementModal.showPlacementModal(data,this.sex) placementModal.showPlacementModal(data,this.sex)
}, },
setTextareaShow(){ setTextareaShow(){