有谁知道我可以动态调整SVG图像的大小,以便它适合在一个容器内?我发现我有溢出的图像。我想要的是一种调整它的方法,使其不会溢出。 任何答复表示赞赏。我也尝试将宽度和高度设置为100%SVG动态调整大小
2
A
回答
3
好吧,做动态宽度的最简单方法就是提供width
或/和height
的百分比值。你可以在这里找到一个小提琴http://jsfiddle.net/VDKwy/
我的例子所以关键部分是要么离开了width
和关闭SVG元素height
性质,或
<svg width="100%" height="100%"></svg>
,然后用百分比值像内部元素所以:
<rect x="10%" y="10%" width="80%" height="80%" style="fill:blue;stroke-width:5; stroke:black" />
+0
这是我的容器外观的一个例子。表达式图像是一个svg。这里是它的快照链接:http://imgur.com/3Yw6v –
+0
所以,如果你提供动态宽度和高度,它不适合你需要的空间? –
+0
是的,它仍然溢出。 –
相关问题
- 1. 自动调整SVG大小?
- 2. graphviz的SVG自动调整大小
- 3. 调整大小的SVG动画
- 4. 如何调整SVG动画的大小?
- 5. 如何调整SVG大小?
- 6. Flash动态调整大小
- 7. Bootstrap动态调整大小
- 8. iFrame动态调整大小
- 9. TabLayoutPanel动态调整大小?
- 10. $ .dialogue()动态调整大小
- 11. 动态调整动态iframe的大小
- 12. 如何动态调整svg文本的大小?
- 13. 如何根据区域大小动态调整javafx中的svg
- 14. 获取模态以在窗口大小调整时动态调整大小
- 15. 动态调整单个形状的大小,但不缩放整个SVG
- 16. 可调整大小的html svg图像
- 17. 在java面板中调整svg大小
- 18. Scaling Canvas在Android中调整SVG大小
- 19. SVG在IE9中调整大小
- 20. 调整SVG元素的组的大小
- 21. 在html中调整SVG大小?
- 22. 如何正确调整svg大小?
- 23. 在HTML中缩放/调整SVG大小
- 24. 在Raphael调整SVG大小的问题
- 25. 调整大小svg图像放入html5
- 26. 调整大小SVG图像和地区
- 27. 如何使用CSS调整svg大小?
- 28. 在手机上调整SVG大小
- 29. 在dc.js中调整SVG大小
- 30. JavaFX 2窗格动态调整大小
提供您的代码作为工作的基础。 –
重复问题:http://stackoverflow.com/questions/3120739/resizing-svg-in-html – Graviton
我的代码是很多。我真的不得不把你的文件夹发给你。我可以拍摄它的外观。这会有帮助吗?我试着将宽度和高度设置为100%,就像上面建议的链接 –