HTML中svg文件支持滑轮事件的任意缩放

HTML中svg文件支持滑轮事件的任意缩放

1. svg文件的特点

●SVG 指可伸缩矢量图形 (Scalable Vector Graphics)
●SVG 用来定义用于网络的基于矢量的图形
●SVG 使用 XML 格式定义图形
●SVG 图像在放大或改变尺寸的情况下其图形质量不会有所损失

2.需要引用的js文件：jquery-svg-pan-zoom.js

链接: https://pan.baidu.com/s/1lD0i4msl03ceApjGYn1Wog
提取码: vcth

3. 如何将svg文件嵌入html

• html页面增加js的引用

<script type="text/javascript" src="../jsfile/jquery.svg.pan.zoom.js"></script>