SVG ViewBox中断缩放功能
我正在研究一个svg平面布局，用户应该可以放大和缩小。
当我第一次编码它时，缩放特性起作用，但是svg不响应容器大小。我添加了viewbox属性以使其具有响应性，但这会干扰缩放功能--即使您尝试缩放，它也会缩放，并且缩放不像添加viewbox之前那样工作。
以下是两个相互依存关系来演示此问题:
没有ViewBox-SVG可以正确缩放，但不响应容器大小
https://codepen.io/nicole-dsouza/pen/wjvywk
唯一的区别在于开头的svg标记：
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid" width="100%" height="100%">
使用ViewBox-Svg可以响应，但不能正确缩放
https://codepen.io/nicole-dsouza/pen/qrexyv
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid" width="100%" height="100%" viewBox="0 0 873 699">
谁能帮我弄清楚是什么引起了这个问题？我需要svg的响应和缩放在同一时间。
感谢任何帮助。
共有1个答案
删除width和height属性，改用viewbox。并将svg包装在响应对象包装器中。请参阅https://codepen.io/vcurd/pen/bkedqe
<div class="svg-wrapper">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewbox="0 0 890 150">
-
问题内容： 我发现某些jQuery插件在其css规则中使用“ zoom”描述符，我什至查看w3c网站，也发现它用于放大，但是我实际上如何实现呢？还是我必须定义一些视口？以及如何定义这样的视口？还是我对整个事情都错了？ 有可能像这样使用它吗 问题答案： CSS规范中未包含缩放功能，但IE，Safari4，Chrome支持缩放功能（从3.5开始，您可以在Firefox中获得类似的效果）。 因此，所有浏
-
本文向大家介绍Android 图片处理缩放功能，包括了Android 图片处理缩放功能的使用技巧和注意事项，需要的朋友参考一下 PS：在开发中我们会遇到一些图片处理问题，比如说缓存图片了、限制图片大小了、查看图片了等。上一篇文章介绍了图片的全景效果查看，今天介绍一个图片缩放，我们如果有时间的话，可以自己写一个属于自己的库，里面会用到view的按压、事件分发、手势等一些知识，如果没有时间或者不会其他
-
问题内容： 我需要实现变焦为包含在。我已经通过覆盖方法和调用来成功进行缩放。 这是不正常：对的和的规模如预期，但一定会得到的和这样的寄存器在预分频的位置。我能做什么？感谢您的阅读。 问题答案： 显示了如何使用明确的转化方法扩展鼠标坐标：，，和。)。
-
到目前为止，我的代码如下所示： 我有一个JLabel，它显示正常的图片。我实现了一个鼠标侦听器，用于移动鼠标。每次鼠标在图片中移动时，我都希望发生一点缩放。 我试着在网上查，但我找不到一个解决办法。 如果我解释得不够好，请问，我不是专业人士：D 非常感谢帮助！
-
问题内容： 是否有显示大图像并允许用户放大和缩小和平移图像的通用方法？ 到目前为止，我发现了两种方法： 覆盖ImageView，对于这样一个常见问题似乎有点过多。 使用网络视图，但对整体布局的控制较少等。 问题答案： 更新 我刚刚给TouchImageView进行了新的更新。现在，除了“平移”和“缩放”缩放外，还包括“双击缩放”和“缩放”。下面的代码是非常过时。您可以签出github项目以获取最新
-
我以前为MapView做过这项工作，它非常简单，因为有预定义的方法，比如或等。 有人在地图片段中尝试过双击或双击缩放功能吗？我谷歌了一下，但仍然找不到任何解决方案。 我刚刚开始添加UiSetting只 它将由的帮助来实现，还是有什么东西来处理地图片段的双击事件的手势？ 注意：这个问题纯粹是关于MapFragment的，与MapView无关，后者已经回答了双击：在Android MapView上缩放