push Develop

src/component/HomePage/createSlogan.vue

@@ -86,7 +86,9 @@ import { Modal, message } from "ant-design-vue";
 import { ExclamationCircleOutlined } from "@ant-design/icons-vue";
 import allOrder from "@/component/Pay/allOrder.vue";
 import creditsDetail from "@/component/Pay/creditsDetail.vue";
+import { JSSetRemoveImage } from "@/tool/canvasDrawing";
 import { useI18n } from "vue-i18n";
+
 export default defineComponent({
     components: {
 		creditsDetail,
@@ -146,8 +148,8 @@ export default defineComponent({
 				canvasWH.value = height
 				scale = exportWH/canvasWH.value
 				var canvasDom = document.createElement("canvas");
-				let oldCanvasDom = canvasBox.querySelector('canvas')
-				if(oldCanvasDom)canvasBox.removeChild(oldCanvasDom); // 清空原有内容
+				let oldCanvasDom = canvasBox.querySelector('.canvas-container')
+				if(oldCanvasDom)oldCanvasDom.remove()
 				canvasBox.appendChild(canvasDom);
 				canvas = new fabric.Canvas(canvasDom, {
 					backgroundColor: "#e6e6e6",
@@ -157,6 +159,11 @@ export default defineComponent({
 				});
 				canvas.on('object:moving',canvasMoving)
 				setTextFun('请输入一段话吧~')
+				if(!fabric.Object.prototype.controls.deleteControl){
+					JSSetRemoveImage(deleteObj)
+				}else{
+					fabric.Object.prototype.controls.deleteControl.mouseUpHandler = deleteObj
+				}
 				// setRemoveImage()
 				fabric.Object.prototype.cornerSize = 10
 				fabric.Object.prototype.transparentCorners = false 
@@ -181,6 +188,21 @@ export default defineComponent({
 				textBtnShow.value = false
 			}
 		}
+		let deleteObj = ()=> {
+			if(!canvas.getActiveObjects()){
+				return
+			}
+			let target = canvas.getActiveObjects()
+			target.forEach((item)=>{
+				canvas.fxRemove(item, {
+					onComplete(){
+					canvas.discardActiveObject(); // 丢弃当前选中的对象
+					canvas.renderAll(); // 重新渲染 Canvas
+					}
+				})
+				canvas.FX_DURATION = 300
+			})
+		}
 		let messageShow = false
 		let canvasMoving = (options)=>{
 			let obj = options.target