私のfabricjsキャンバスonclickの寸法を変更することは可能ですか？

Question

私はfabricjsのキャンバスをJSにcanvas.setHeight(616); canvas.setWidth(446);と設定していますが、ユーザーがこれらのディメンションをonclickで変更できるようにする方法があるのだろうかと思っていたので、いくつかのオプションがありますか？

Answer 1

var canvas = new fabric.Canvas('a'); 
 
canvas.add(new fabric.Text('FabricJS is Awsome',{ 
 
left:50, 
 
top:50 
 
})); 
 

 
function resizeCanvas(){ 
 
canvas.setHeight(canvas.height+50); 
 
canvas.setWidth(canvas.width+50); 
 
canvas.renderAll(); 
 
}

canvas { 
 
    border: 2px solid black; 
 
}

<script type='text/javascript' src="https://cdnjs.cloudflare.com/ajax/libs/fabric.js/1.7.19/fabric.js"></script> 
 
<button onclick='resizeCanvas()'>Resize</button> 
 
<canvas id="a" width="200" height="200"></canvas>

それぞれ高さと幅を設定するために使用setHeight()/setWidth()。