如何在 Fabric.js loadSVGFromString
方法中设置 SVG 大小?
我找不到任何适合父对象 (groupSVGElements
) 的解决方案。还检查了文档,但我看到他们总是使用带有 SVG 的 Canvas 尺寸。
最佳答案
由于您当前的 SVG 元素不包含任何 width 和 height 属性,因此您需要使用 viewBox.baseVal.width
和 viewBox.baseVal.height
分别获取其宽度和高度,并相应地设置它以适合父对象。
// get the svg's width and height
let svg = document.querySelector('#testvg');
let svgWidth = svg.viewBox.baseVal.width;
let svgHeight = svg.viewBox.baseVal.height;
// set to fit into a parent object (canvas)
graphic.set({
top: 5,
left: 5,
width: svgWidth,
height: svgHeight,
scaleX: (canvas.width - 10) / svgWidth,
scaleY: (canvas.height - 10) / svgHeight
});
关于javascript - 如何将 SVG 放入 Fabric.js 中的父对象中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43210293/