Ridimensiona la tela con fabric js

Question

L'applicazione consente all'utente di salvare i disegni e pubblicarli in modo che altri utenti possano visualizzarli in un secondo momento.

La tela originale salvata con le proporzioni di larghezza = 700 e altezza = 600. Ma quando si visualizza la tela, voglio ridimensionare la tela per adattarla a dimensioni di (350.300). metà dell'originale. Ma se applichi direttamente quelle dimensioni e carichi larghezza setWidth() e setHeight() viene caricato con le proporzioni originali.

Tutto ciò che voglio è visualizzare la tela con nuove dimensioni.

Answer 1

Rispondeva in precedenza allo here.

Non sono sicuro di quello che stavate cercando, ma

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

dovrebbe funzionare bene.

Answer 2

Se si utilizza la libreria fabric.js, non è sufficiente.

Considerando che 'tela' è l'oggetto fabric.js esempio, si dovrebbe fare questo per evitare artefatti di distorsione:

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