我正在尝试使用 Raphael 的 VML 功能来生成带有图像的圆圈(修复了缺少边框半径的 IE8)。
我的问题是,如果我使用
circle.attr({fill: 'url(image.jpg)'});
而且我的图像大于仅部分显示图像的圆圈,我找不到将图像缩小到圆圈直径的方法。
我怎样才能做到这一点?
我正在尝试使用 Raphael 的 VML 功能来生成带有图像的圆圈(修复了缺少边框半径的 IE8)。
我的问题是,如果我使用
circle.attr({fill: 'url(image.jpg)'});
而且我的图像大于仅部分显示图像的圆圈,我找不到将图像缩小到圆圈直径的方法。
我怎样才能做到这一点?
您是否认真考虑使用 RaphaelJS 修复 IE8 边框半径?我会建议像css3pie这样的东西,甚至在 SO 中还有关于使用的问题。
但是,如果你想使用 RaphaelJS,你将需要使用Element.transform来缩放你的图像,然后才能使用另一个元素设置圆角效果。