我在这里遇到了一个问题,即通过 embed 标签嵌入 html 中的 svg 元素。我刚刚得到了我的拖动来调整正在显示的图形的大小功能,但是当它的大小超出浏览器窗口的范围时,就会出现问题,因为没有显示滚动条。由于没有滚动条,图表会卡在屏幕外,因为拖动手柄位于右下角,并且不在屏幕上。我尝试将溢出设置为在嵌入元素、正文、html 以及它们的各种组合上滚动。我还尝试调整 svg 和 embed 元素的宽度,但也没有这样做。我也尝试将嵌入切换到对象标签,但这似乎也没有奏效。这是我的 .xhtml 页面样式
html, body { margin:0; padding:0}
embed { overflow:scroll; position: absolute; width: 100%; height: 100%; background-color: #AAAAAA}
这是其文件中的 svg 元素定义
<svg xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
xmlns:ev="http://www.w3.org/2001/xml-events" version="1.1" baseProfile="full"
preserveAspectRatio="xMinYMin meet"
viewBox="0 0 1024 768" width="1024px" height="768px"
onload="Initialize(evt)">
调整大小也是通过更改 scale 属性来完成的,而不是更改宽度和高度。这是该页面的链接,因此您可以更好地了解问题(红色三角形是缩放手柄):http ://reu.dimacs.rutgers.edu/~scottm/SVG/Bellman.xhtml 。由 Derek 提供的小提琴:http: //jsfiddle.net/DerekL/Cw9Dx/。当 svg 超出窗口大小时添加滚动条的任何帮助将不胜感激。提前致谢!