svg的简单操作(放大缩小,控制)

来源:互联网 发布:visio 2013 网络图标 编辑:程序博客网 时间:2024/06/02 02:19

由于svg的页面通常很大,因此如果在jsp页面中直接使用,tomcat会报出文件大小超限的错误;

我的解决办法:动态引入 <jsp:include page=" "></jsp:include>

svg的放大缩小:首先获取svg页面的根元素:document.getElementById("svgRoot");

然后就可以使用setAttribute的方法改变宽高,这时需要注意的是要控制底图底图的显示效果。

svg的viewBox:显示区域的属性,如果只是改变大小可以按照w3c的教程缩写,改变根元素的viewBox属性的后两个值(宽高)即可;

同样的对于svg元素控制起来和普通的html元素并没有特别大的差异都可以使用:css样式以及通过改变属性值来达到自己想要的结果。

具体属性值请参见W3Cschool的svg API;

0 0