RaphaelJS API NOTE – 分组元素

有时我们希望应用相同的属性,转换或动画到多个元素。 我们可以在 Raphaël 中用元素进行分组设置方法 Paper.set()。 例如以下形状:

var paper = Raphael('group', 540, 200);
var circle = paper.circle(100, 100, 80);
var rect = paper.rect(205, 40, 120, 120);
var ellipse = paper.ellipse(430, 100, 80, 60);

通过创建一个包含所有这些形状的引用的集合(Paper.set()),我们通过调用集合上的attr方法而不是每个对象的attr方法应用到集合中的每个元素,让它们得到相同属性。 先创建一个包含所有元素的集合,并对其进行引用在一个名为group的变量中如下:

var group = paper.set();
group.push(circle, rect, ellipse);

然后,我们将以下属性应用于刚创建的集合:

group.attr({
    fill: '180-#09c-#fff:30-#f00',
    stroke: '#000',
    'stroke-width': 5
});

演示地址:http://www.yaohaixiao.com/examples/raphael-js-api-note/set.html

SHARE THIS PAGE

免责声明:本站文章中的观点都是作者个人观点,并没有以任何方式反映他所属机构的意见。

发表评论