如何使用其父容器制作svg秤？

Question

当大小为非本机时，我想要一个内嵌svg元素的内容比例。当然，我可以将其作为单独的文件并像这样进行缩放。

index.html： <img src="foo.svg" style="width: 100%;" />

foo.svg： <svg width="123" height="456"></svg>

但是，我想通过CSS向SVG添加其他样式，因此链接外部样式不是一种选择。如何制作嵌入式SVG秤？

Answer 1

您将需要进行如下转换：使用JavaScript：document.getElementById(yourtarget).setAttribute("transform", "scale(2.0)");使用CSS：#yourtarget {&nbsp; transform:scale(2.0);&nbsp; -webkit-transform:scale(2.0);}将SVG页面包装在Group标签中，然后将其定位为操纵整个页面：<svg>&nbsp; <g id="yourtarget">&nbsp; &nbsp; your svg page&nbsp; </g></svg>注意：比例1.0为100％