如何减少使用的svg的大小：拉斐尔的动画技能图

Question

我在我的网站http://tympanus.net/codrops/2011/04/22/animated-skills-diagram/comment-page-3/#comments

中实施了以下插件

不幸的是，使用的svg的设置宽度是600px x 600px。我试图将大小覆盖到350像素的较小的一个，但它没有用。只是切断了svg的一部分。谁能给我建议如何让动画更小？

提前致谢， Ev Chen

Answer 1

您可以使用视图框来缩放svg。将svg容器设置为通常会导致裁剪的大小，然后将视图框设置为600px x 600px，允许调整大小

http://raphaeljs.com/reference.html#Paper.setViewBox

paper.setViewBox(0, 0, 600, 600, true)

这将使指定区域（600 x 600）适合容器。