如何在fabricjs中設置svg的寬度和高度？

Question

我目前有一個問題，在fabricjs中設置svg對象的寬度和高度。我試圖設置它是這樣的

svg.width = 100; 
    svg.height = 100; 

但我沒有得到我預期的結果。它只是裁剪svg而不是縮放它。那麼，我該如何正確設置它的寬度和高度呢？

任何幫助將不勝感激。謝謝！

Answer 1

使用scaleToWidth()和scaleToHeight()方法分別正確設置SVG對象的的寬度和高度。

- ：工作示例 - ：

var canvas = new fabric.Canvas('fabric-canvas'); 
 
fabric.loadSVGFromURL('https://istack.000webhostapp.com/1tf.svg', function(objects, options) { 
 
    var svg = fabric.util.groupSVGElements(objects, options); 
 
    svg.left = 50; 
 
    svg.top = 50; 
 
    svg.scaleToWidth(100); 
 
    svg.scaleToHeight(100); 
 
    canvas.add(svg); 
 
    canvas.renderAll(); 
 
});

canvas{border:1px solid #ccc}

<script src="https://cdnjs.cloudflare.com/ajax/libs/fabric.js/1.7.13/fabric.min.js"></script> 
 
<canvas id="fabric-canvas" width="200" height="200"></canvas>