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

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

我的解决办法:动态引入 

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

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

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

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

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

你可能感兴趣的:(java程序员之路)