Ryan/documenso
1
0
Fork 1
mirror of https://github.com/documenso/documenso.git synced 2025-11-13 16:23:06 +10:00
Code Issues Packages Projects Releases Wiki Activity

fixed undo operation on signature pad

Browse Source
This commit is contained in:
apoorv taneja
2024-01-25 13:21:55 +05:30
parent d766b58f42
commit d8aecc4092
1 changed files with 8 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
packages/ui/primitives/signature-pad/signature-pad.tsx
View File

@ -26,7 +26,7 @@ export const SignaturePad = ({
...props ...props
}: SignaturePadProps) => { }: SignaturePadProps) => {
const $el = useRef<HTMLCanvasElement>(null); const $el = useRef<HTMLCanvasElement>(null);
const defaultImageRef = useRef<ImageData | null>(null);
const [isPressed, setIsPressed] = useState(false); const [isPressed, setIsPressed] = useState(false);
const [lines, setLines] = useState<Point[][]>([]); const [lines, setLines] = useState<Point[][]>([]);
const [currentLine, setCurrentLine] = useState<Point[]>([]); const [currentLine, setCurrentLine] = useState<Point[]>([]);
@ -161,6 +161,7 @@ export const SignaturePad = ({
const ctx = $el.current.getContext('2d'); const ctx = $el.current.getContext('2d');
ctx?.clearRect(0, 0, $el.current.width, $el.current.height); ctx?.clearRect(0, 0, $el.current.width, $el.current.height);
defaultImageRef.current = null;
} }
onChange?.(null); onChange?.(null);
@ -181,8 +182,11 @@ export const SignaturePad = ({
// Clear the canvas // Clear the canvas
if ($el.current) { if ($el.current) {
const ctx = $el.current.getContext('2d'); const ctx = $el.current.getContext('2d');
const { width, height } = $el.current;
ctx?.clearRect(0, 0, $el.current.width, $el.current.height); ctx?.clearRect(0, 0, $el.current.width, $el.current.height);
if (typeof defaultValue === 'string' && defaultImageRef.current) {
ctx?.putImageData(defaultImageRef.current, 0, 0);
}
newLines.forEach((line) => { newLines.forEach((line) => {
const pathData = new Path2D(getSvgPathFromStroke(getStroke(line, perfectFreehandOptions))); const pathData = new Path2D(getSvgPathFromStroke(getStroke(line, perfectFreehandOptions)));
ctx?.fill(pathData); ctx?.fill(pathData);
@ -207,6 +211,8 @@ export const SignaturePad = ({
img.onload = () => { img.onload = () => {
ctx?.drawImage(img, 0, 0, Math.min(width, img.width), Math.min(height, img.height)); ctx?.drawImage(img, 0, 0, Math.min(width, img.width), Math.min(height, img.height));
const defaultImageData = ctx?.getImageData(0, 0, width, height) || null;
defaultImageRef.current = defaultImageData;
}; };
img.src = defaultValue; img.src = defaultValue;