Raphaël.js：如何缩放圆形的填充图像以适合圆圈？

Question

我尝试使用Raphael的VML功能生成带图像的圆圈（修复IE8缺少边框半径）。

我的问题是，如果我使用

circle.attr({fill: 'url(image.jpg)'});

并且我的图像比图像仅部分显示的圆圈大，我无法找到将图像缩小到圆的直径的方法。

我该怎么做？

Answer 1

你是否认真考虑使用RaphaelJS修复IE8 border-radius？ 我会建议像css3pie这样的内容，甚至有question in SO用法。

但是，如果你想使用RaphaelJS，你需要使用Element.transform来缩放图像，然后才能使用另一个元素设置圆角效果。