我的应用程序是显示服务器端生成的SVG的一部分。我获得SVG的方法是通过
fetch("https://xxxx.xxx.xx.xxx/mychart.svg")
.then(response => response.blob())
.then(blob => {
const imageURL = URL.createObjectURL(blob);
document.getElementById('sampleImg').src = imageUrl;});
在html <img id="sampleImg" viewbox="100 100 600 400">
我的问题是,我可以在<img>
中显示整个SVG,但是似乎min-x, min-y
视图框似乎无法正常工作。我想知道这是否是正确的方法。如果没有,请给我看一个正确的例子吗?
谢谢。
一个解决方案 我找到了解决方案。但是任何其他更好的解决方案都将受到欢迎。 const imageURL = URL.createObjectURL(blob)+“ #svgView(viewBox(225,0,255,184))”