javascript - 拉斐尔.js : How to scale a circle's fill image to fit the circle?

标签 javascript html svg raphael vml

我正在尝试使用 Raphael 的 VML 功能生成带有图像的圆(修复缺少边框半径的 IE8)。

我的问题是如果我使用

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

而且我的图像比圆圈大,图像只显示了一部分,我找不到将图像缩小到圆圈直径的方法。

我该怎么做?

最佳答案

你真的想用 RaphaelJS 修复 IE8 border-radius 吗? 我建议像 css3pie 这样的东西甚至还有 question in SO关于使用。

但是,如果你想使用 RaphaelJS,你将需要使用 Element.transform缩放您的图像,然后才用另一个元素设置圆 Angular 效果。

关于javascript - 拉斐尔.js : How to scale a circle's fill image to fit the circle?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10452185/

相关文章:

javascript - require 未定义 javascript

javascript - js如何显示多个文件的名称

javascript - HTML5 拖放 ondragover 未在 Chrome 中触发

javascript - 使容器高度适合分层内容(适合可见层)

jquery - IE11 的对齐问题

node.js - 使用 express 服务 svg 文件

php - 使用 javascript 创建动态下拉菜单

html - 悬停并定位第一个 child 时如何定位 Accordion 李?

javascript - 从 PHP SVG-image 返回并通过 <img> 标签执行内部 javascript

svg - 为什么这个 svg 被裁剪而不是缩放?