From 90b79a92b0bc878491d9d7d64ec732f0f50ba4a3 Mon Sep 17 00:00:00 2001 From: Tevin <tingquanren@163.com> Date: Sat, 08 Mar 2025 18:17:22 +0800 Subject: [PATCH] 知识库文档,参数说明放弃表格改用列表 --- forms/userSignature/CSignatureLayer.vue | 70 +++++++++++++++++++++++------------ 1 files changed, 46 insertions(+), 24 deletions(-) diff --git a/forms/userSignature/CSignatureLayer.vue b/forms/userSignature/CSignatureLayer.vue index 740fce9..0d9c676 100644 --- a/forms/userSignature/CSignatureLayer.vue +++ b/forms/userSignature/CSignatureLayer.vue @@ -94,8 +94,6 @@ this.curLine = []; this.chirography = []; this.canvasContext.clearRect(0, 0, this.cavWidth, this.cavHeight); - this.canvasContext.setFillStyle('#ffffff'); - this.canvasContext.fillRect(0, 0, this.cavWidth, this.cavHeight); this.canvasContext.draw(); }, handleClose() { @@ -405,32 +403,56 @@ } ctx.draw(true); }, + _brushingGround(callback) { + Taro.canvasToTempFilePath({ + canvasId: this.cavId, + x: 0, + y: 0, + width: Math.ceil(this.cavWidth), + height: Math.ceil(this.cavHeight), + destWidth: Math.ceil(this.cavWidth), + destHeight: Math.ceil(this.cavHeight), + quality: 1, + fileType: 'png', + success: res => { + const ctx = this.canvasContext; + ctx.setFillStyle('#ffffff'); + ctx.fillRect(0, 0, this.cavWidth, this.cavHeight); + ctx.drawImage(res.tempFilePath, 0, 0); + ctx.draw(false, () => { + callback(); + }); + }, + }); + }, handleSaveDraw() { if (this.firstTouch) { Tools.toast('请书写签名!'); } - const delta = 20; - const clipArea = { x: 0, y: 0, w: 0, h: 0 }; - clipArea.x = Math.max(this.cutArea.left - delta, 0); - clipArea.y = Math.max(this.cutArea.top - delta, 0); - const realRight = Math.min(this.cutArea.right + delta, this.cavWidth); - const realBottom = Math.min(this.cutArea.bottom + delta, this.cavHeight); - clipArea.w = realRight - clipArea.x; - clipArea.h = realBottom - clipArea.y; - Taro.canvasToTempFilePath({ - canvasId: this.cavId, - x: clipArea.x, - y: clipArea.y, - width: clipArea.w, - height: clipArea.h, - destWidth: clipArea.w, - destHeight: clipArea.h, - quality: 0.6, - fileType: 'jpeg', - success: res => { - this._callback(res.tempFilePath); - this.layerOpened = false; - }, + this._brushingGround(() => { + const delta = 20; + const clipArea = { x: 0, y: 0, w: 0, h: 0 }; + clipArea.x = Math.max(this.cutArea.left - delta, 0); + clipArea.y = Math.max(this.cutArea.top - delta, 0); + const realRight = Math.min(this.cutArea.right + delta, this.cavWidth); + const realBottom = Math.min(this.cutArea.bottom + delta, this.cavHeight); + clipArea.w = realRight - clipArea.x; + clipArea.h = realBottom - clipArea.y; + Taro.canvasToTempFilePath({ + canvasId: this.cavId, + x: clipArea.x, + y: clipArea.y, + width: clipArea.w, + height: clipArea.h, + destWidth: clipArea.w, + destHeight: clipArea.h, + quality: 0.6, + fileType: 'jpeg', + success: res => { + this._callback(res.tempFilePath); + this.layerOpened = false; + }, + }); }); }, }, -- Gitblit v1.9.1