将SVG嵌入到HTML中

Question

我需要将SVG文件嵌入到HTML文件中，SVG的尺寸要大一些。所以，我需要将SVG重新调整为屏幕分辨率。有没有办法做到这一点？感谢。

Answer 1

如果您希望SVG文件适合容器，首先要做的是设置viewBox属性并从根{{1}中删除width和height属性元素：

<svg>

<svg viewBox="0 0 100 200" ... > 的值为：viewBox。请阅读SVG specification。

中的更多内容

Answer 2

我不知道SVG有多复杂，但至少你可以将整个描述放在一个组下，然后使用transform =“scale（SF）”而“SF”代表缩放因子。默认值为1（100％），因此请使用小脚本：

 TransFrm = "scale(" + SF + ")";
 yourElement.setAttributeNS(null, "transform", TransFrm);

或者，如果您的意思是通过viewBox调整大小，然后<rect x="0" y="0" width="100%" height="100%"/>。

或者如果您的意思是其他内容，请查看：http://janistoolbox.typepad.com/blog/2009/12/svgauto-resize-svg-on-an-html-page.html

祝你好运。