animation - 如何减小 svg 中使用的大小：Raphael 的动画技能图

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 容器设置为通常会导致裁剪的大小，然后将 viewbox 设置为 600px x 600px，允许调整大小

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

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

这将使指定区域 (600 x 600) 适合容器。