при масштабировании холста toDataURL возвращает только видимую часть холста, а не часть из размера холста

Question

Я пытаюсь нарисовать от руки изображение на холсте вместе с увеличением / уменьшением.

чтобы добавить изменение рисунка на изображение, которое я использую getImageData () & putImageData () , а затем сохранить изображение с помощью canvas.nativeElement.toDataURL ();

работает нормально без увеличения, но когда я увеличиваю, используя context.scale (x, x); canvas.nativeElement.toDataURL (); сохраняет только изображение, видимое в области холста, а часть изображения, которая вышла из размера холста после масштабирования, была потеряна.

Я хочу получить полное изображение с изменениями чертежа, при уменьшении, есть ли альтернатива для toDataURL () , которая может дать мне полные данные изображения.

Answer 1

Вы можете нарисовать свое изображение на холсте экрана, а также на холсте буфера (не прикрепленном к DOM). Холст буфера может быть такого же размера, как масштабированное изображение, и вы можете использовать toDataURL() на холсте буфера