使用svg来实现放大缩小
第一步下载npm install svg-pan-zoom
第二步 引用import svgPanZoom from "svg-pan-zoom";
第三步,在template中 <svg id="show" height="100%" width="100%" class="svg"></svg>
第四步,在mounted(){
svgPanZoom("#show", {
zoomEnabled: true,
controlIconsEnabled: true,
fit: true,
center: false
});
}
//注意,一个组件中只能有一个svgPanZoom,要不然 实现不了
图片实现放大缩小功能
最新推荐文章于 2024-07-26 11:50:14 发布