ここで、embed タグを介して html に埋め込まれた svg 要素に問題があります。表示されているグラフのサイズを変更する機能をドラッグしましたが、ブラウザ ウィンドウの境界を超えてサイズ変更すると、スクロールバーが表示されないため問題が発生します。スクロールバーがないため、ドラッグ ハンドルが画面の右下にあるため、グラフが画面からはみ出してしまいます。埋め込み要素、本文、html、およびそれらのさまざまな組み合わせをスクロールするようにオーバーフローを設定してみました。また、svg と埋め込み要素の幅を調整しようとしましたが、それでもうまくいきませんでした。また、埋め込みをオブジェクトタグに切り替えてみましたが、それでもうまくいかなかったようです。.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)">
サイズ変更は、幅と高さを変更するのではなく、スケール属性も変更することによって行われます。問題をよりよく理解できるように、ページへのリンクを次に示します (赤い三角形はスケーリング ハンドルです): http://reu.dimacs.rutgers.edu/~scottm/SVG/Bellman.xhtml。Derek の好意によるフィドル: http://jsfiddle.net/DerekL/Cw9Dx/。svg がウィンドウのサイズを超える場合にスクロールバーを追加するための助けをいただければ幸いです。前もって感謝します！