Snap.svgをどのように反応させるか？

Question

this.svgCanvas = Snap（ "＃svg"）;

this.svgCanvas.attr（{viewBox： "0 0 236 236"}）;

他のすべてのブラウザでは、ビューボックスの設定後に応答します。 私はIE11を使用していますが、応答しません。高さは常に小さい値の に固定されます。時にはsvgイメージがクリップされることがあります。

See example image

Answer 1

すべてのブラウザでSVGが応答するために、以下の手順に従ってください。

• あなたのsvg画像の全幅を計算します。
• ビューボックスの幅と高さを同じに設定すると、計算された幅が先になります（必要なアスペクト比と同様に変更できます）。
• this.svgCanvas.attr（{viewBox： "0 0 236 236"、height：innerWidth}）;

ここでは236は私の計算されたsvgの幅です。