DRCIT/snipe-it
1
0
Fork 0
mirror of https://github.com/snipe/snipe-it.git synced 2024-12-31 16:37:27 -08:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

WIP: move signature pad creation up and add debugging

Browse source
This commit is contained in:
Marcus Moore 2024-11-21 13:12:13 -08:00
parent d0378070c8
commit 9f49c25401
No known key found for this signature in database
1 changed files with 7 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
resources/views/account/accept/create.blade.php
View file

@ -110,24 +110,28 @@
canvas = wrapper.querySelector("canvas"),
signaturePad;
signaturePad = new SignaturePad(canvas);
// Adjust canvas coordinate space taking into account pixel ratio,
// to make it look crisp on smaller screens.
// https://github.com/szimek/signature_pad#handling-high-dpi-screens
// (This also causes canvas to be cleared.)
function resizeCanvas() {
console.log('resizeCanvas');
// When zoomed out to less than 100%, for some very strange reason,
// some browsers report devicePixelRatio as less than 1
// and only part of the canvas is cleared then.
var ratio = Math.max(window.devicePixelRatio || 1, 1);
let devicePixelRatio = window.devicePixelRatio;
console.log({devicePixelRatio})
var ratio = Math.max(devicePixelRatio || 1, 1);
canvas.width = canvas.offsetWidth * ratio;
canvas.height = canvas.offsetHeight * ratio;
canvas.getContext("2d").scale(ratio, ratio);
signaturePad.clear(); // otherwise isEmpty() might return incorrect value
}
window.onresize = resizeCanvas;
resizeCanvas();
signaturePad = new SignaturePad(canvas);
$('#clear_button').on("click", function (event) {
signaturePad.clear();
});