如何使用Viewbox显示服务器生成的SVG?

时间:2018-07-16 00:08:46

标签: svg

我的应用程序是显示服务器端生成的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))”

0 个答案:

没有答案