为了账号安全,请及时绑定邮箱和手机立即绑定

如何让SVG整体任意自动缩放

/ 猿问

如何让SVG整体任意自动缩放

BIG阳 2019-05-13 13:08:36

如何让SVG整体任意自动缩放


查看完整描述

3 回答

?
喵喵时光机

对 SVG 图进行缩放和平移的最简单方法是使用浏览器自带的缩放和滚动功能。在 Internet Explorer 9 中,下表描述了与缩放相关的鼠标和键盘快捷方式。

  用户操作
   键盘快捷键 鼠标快捷键

  放大 Ctrl + 加号 Ctrl + <向前滚动滚轮>
  缩小 Ctrl + 减号 Ctrl + <向后滚动滚轮>
  返回默认缩放级别 Ctrl + 0 不适用

  使用浏览器的滚动条可在缩放图中轻松进行平移。



查看完整回答
反对 回复 2019-05-14
?
繁星点点滴滴

我只做过鼠标滚轮缩放:
<svg version="1.1" id="expomap" xmlns="http://www.w3.org/2000/svg" width="930" height="600" viewBox="0 0 1000 645" ondragstart="return false;">

</svg>
然后通过js抓取宽度、高度、viewBox的数据,同时进行等比例缩放就可以了。





查看完整回答
反对 回复 2019-05-14

添加回答

回复

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信