blackteay/vant
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant.git synced 2025-04-05 19:41:42 +08:00
Code Issues Projects Releases Wiki Activity

fix(Signature): fix checking if canvas is empty when backgoundColor is set (#12304)

Browse Source 
* fix(Signature): fix checking if canvas is empty when set background color

* fix(Signature): delete console and uncomment code

* chore(Signature): reuse setCanvasBgColor function

---------

Co-authored-by: Junyu Zhou <junyu@vivino.cn.com>
This commit is contained in:
Junyu Zhou 2023-09-23 17:51:14 +08:00 committed by GitHub
parent 4abc67e4ac
commit 8eac20b9cb
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 12 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
packages/vant/src/signature/Signature.tsx
View File

@ -97,13 +97,19 @@ export default defineComponent({
const empty = document.createElement('canvas');
empty.width = canvas.width;
empty.height = canvas.height;
if (props.backgroundColor) {
const emptyCtx = empty.getContext('2d');
setCanvasBgColor(emptyCtx);
}
return canvas.toDataURL() === empty.toDataURL();
};
const setCanvasBgColor = () => {
if (state.ctx && props.backgroundColor) {
state.ctx.fillStyle = props.backgroundColor;
state.ctx.fillRect(0, 0, state.width, state.height);
const setCanvasBgColor = (
ctx: CanvasRenderingContext2D | null | undefined,
) => {
if (ctx && props.backgroundColor) {
ctx.fillStyle = props.backgroundColor;
ctx.fillRect(0, 0, state.width, state.height);
}
};
@ -134,7 +140,7 @@ export default defineComponent({
if (state.ctx) {
state.ctx.clearRect(0, 0, state.width, state.height);
state.ctx.closePath();
setCanvasBgColor();
setCanvasBgColor(state.ctx);
}
emit('clear');
};
@ -147,7 +153,7 @@ export default defineComponent({
// ensure canvas is rendered
nextTick(() => {
setCanvasBgColor();
setCanvasBgColor(state.ctx);
});
}
});