如何使Snap.svg响应？

Question

this.svgCanvas = Snap（＆＃34; #svg＆＃34;）;

this.svgCanvas.attr（{viewBox：＆＃34; 0 0 236 236＆＃34;}）;

对于所有其他浏览器，它将在设置视图框后响应。  我使用IE11，它不会响应。高度总是固定的  一些小的价值。所以有时svg图像会被剪裁。

See example image

Answer 1

请按照以下步骤在所有浏览器中对您的svg做出响应。

• 计算svg图像的总宽度。
• 设置视图框的宽度和高度相同，即之前计算的宽度（您可以更改以及所需的宽高比）。
• this.svgCanvas.attr（{viewBox：＆＃34; 0 0 236 236＆＃34;，height：innerWidth}）;

这里236是我计算出的svg图像的宽度。