如何使用其父容器制作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 {

  transform:scale(2.0);

  -webkit-transform:scale(2.0);

}

将SVG页面包装在Group标签中，然后将其定位为操纵整个页面：

<svg>

  <g id="yourtarget">

    your svg page

  </g>

</svg>

注意：比例1.0为100％