Zmiana rozmiaru płótna za pomocą tkaniny js

Question

Aplikacja pozwala użytkownikowi zapisać projekty i opublikować je, aby inni użytkownicy mogli je później wyświetlić.

Oryginalne płótno zapisane z proporcjami szerokości = 700 i wysokości = 600. Ale podczas wyświetlania płótna, chcę zmienić rozmiar płótna, aby dopasować go do wymiarów (350,300). połowa oryginału. Ale jeśli bezpośrednio zastosuję te wymiary i szerokość obciążenia setWidth() i setHeight(), to ładują się z oryginalnymi proporcjami.

Chcę tylko wyświetlić płótno o nowych wymiarach.

Answer 1

Poprzednio odpowiedział here.

Nie jestem pewien, co już stara, ale

var canvas = document.getElementsByTagName('canvas')[0]; 
canvas.width = 800; 
canvas.height = 600; 

powinny działać prawidłowo.

Answer 2

Jeśli używasz biblioteki fabric.js, to za mało.

Biorąc pod uwagę, że „płótno” jest obiektem instancji fabric.js, należy to zrobić, aby uniknąć artefaktów Distorsion:

canvas.setWidth(<desired width>); 
canvas.setHeight(<desired height>); 
canvas.calcOffset();