1

Raphael を使用して、ページにいくつかの図形を描画しています。は<svg>すでに に設定されて{ width:100%; height:600px }おり、正常に動作しています。<svg>ブラウザーの幅のサイズを変更すると、新しい幅に合わせて内部の形状を調整したいと思います。理想的には、これは自動的に行われるべきです。window.resize で各シェイプとパスを手動でスケーリングする必要があるのは間違っているようです。

パーセンテージがパス文字列で違法であることは知っていますが、これは本質的に私がやろうとしていることです:

var r = Raphael('container', '100%', 600);
r.path("M0,0 L0,0 55%,0 100%,61z")
4

1 に答える 1

0

最初に、用紙とパスの両方に絶対幅と高さを使用する必要があります。また、 を使用して用紙に viewBox を設定する必要がありますsetViewBox()。

そこから、div#containerCSS を使用して の幅を 100% に設定します。bodyまた、html次のように設定する必要がある場合もあります。

body,
html {
margin: 0;
width: 100%;
}
于 2013-02-14T22:49:45.340 に答える