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
- svg的简单操作(放大缩小,控制)
- 对这个svg手势操作(放大,缩小)
- svg平移、放大、缩小及js操作svg
- svg平移、放大、缩小及js操作svg
- 简单的旋转,放大,缩小 (HTML5)
- JavaScript操作SVG图片:放大/缩小/获取点击元素
- 简单的放大缩小组件
- 如何禁止svg图的放大缩小功能
- js滚轮控制图片的放大缩小
- jquery简单的图片放大缩小地址
- 图片放大缩小的简单实现
- 图片放大、缩小、恢复操作的实现
- 怎么在网页中通过JAVAscript控制SVG图像放大缩小
- 怎么在网页中通过JAVAscript控制SVG图像放大缩小
- 怎么在网页中通过JAVAscript控制SVG图像放大缩小
- 用QMatrix实现帧的旋转、翻转、放大、缩小等简单操作示例
- jquery 控制字体放大缩小
- iOS小效果(2)按钮控制图片的放大缩小
- dede标签详细的dede标签大全,dede标签在线学习
- Ubuntu /etc/sudoers 权限被误改为777后导致sudo命令不能使用
- 【CODEFORCES】 C. No to Palindromes!
- A/B 控制台输入语句-异常
- iOS之CALayer的使用
- svg的简单操作(放大缩小,控制)
- Java web----BaseServlet
- protobuf 的使用
- 单例类的强化
- 集合框架之Map接口
- 文件大小与占用空间大小(附带字节转KB,MB公式)
- Epoll模型详解
- iOS 动态计算获取字数的行数
- C# FTP常用操作 FTP上传文件 FTP下载文件 FTP删除文件