This commit is contained in:
X1627315083
2024-02-22 14:21:52 +08:00
parent bcb4928075
commit 244eadb58a

View File

@@ -9,7 +9,7 @@
</div> </div>
</div> </div>
<div class="designOpenrtion_imgMask"> <div class="designOpenrtion_imgMask">
<canvas ref="canvasDom" ></canvas> <!-- <canvas ref="canvasDom" ></canvas> -->
</div> </div>
<div class="subitOkPreviewBtn" @click="imgClear">{{ $t('LibraryPage.Reset') }}</div> <div class="subitOkPreviewBtn" @click="imgClear">{{ $t('LibraryPage.Reset') }}</div>
<div @click="setPreviewData" class="subitOkPreviewBtn">OK</div> <div @click="setPreviewData" class="subitOkPreviewBtn">OK</div>
@@ -132,11 +132,11 @@ export default defineComponent({
let setCanvas = (frontBack)=>{ let setCanvas = (frontBack)=>{
let canvasBox = document.querySelector('.design_compile_content .designOpenrtion_imgMask') let canvasBox = document.querySelector('.design_compile_content .designOpenrtion_imgMask')
var canvasDom = document.createElement('canvas') var canvasDom = document.createElement('canvas')
console.log(canvasDom); // console.log(canvasBox);
canvasBox.innerHTML = ''; // 清空原有内容 canvasBox.innerHTML = ''; // 清空原有内容
canvasBox.appendChild(canvas); canvasBox.appendChild(canvasDom);
canvas = reactive(null) canvas = reactive(null)
canvas = new fabric.Canvas(canvasDom.value, { canvas = new fabric.Canvas(canvasDom, {
backgroundColor: "rgba(255,255,255,1)", backgroundColor: "rgba(255,255,255,1)",
// fill: '#ffde7d', // fill: '#ffde7d',
selection: false, //设置多选 selection: false, //设置多选