代码之家 › 专栏 › 技术社区 › Jack Roscoe

无法使用Raphael设置SVG rect不透明度的动画

raphael svg javascript

Jack Roscoe · 技术社区 · 14 年前

这是我写的代码:

    this.myRect.attr( 'opacity', 0);
    this.myRect.animate({opacity: 1}, 1000);

这不起作用,我相信是动画行不正确,因为我可以将初始属性设置为一个较低的值,并且在运行脚本时会注意到这一点。

有什么想法吗?

3 回复 | 直到 14 年前

Ortal 12 年前

我知道这是旧的,但我自己撞上后才发现。属性是“填充不透明度”而不是“填充”。所以使用

     node.animate({ "fill-opacity": "0.9" }, 200);

Max Abrahamsson 14 年前

$('#'+this.Myrect.node.id).animate({opacity:1},1000);

这边试试

Adam Holmes 14 年前

在我看来,您的代码的问题源于使用 this.myrect. paper.rect(...) ,如果是,为什么需要使用 this .

Have a look at this quick JsFiddle I mocked up rect.animate() (或者确实是其他元素)但不是 这 . 从我个人的经验来看将事件附加到对象时使用。

推荐文章

Aaron · 使用feTurbulence SVG标记模拟Musgrave纹理动画

1 年前

Michael Lynch · 如何使用包来构建导入SVG的React组件库?

1 年前

Chris Barr · 为什么带有<defs>的SVG在转换为<symbol>时会丢失渐变?

1 年前

HTML · 如何使用css使任何SVG图像灰度化?

2 年前

JohnB · 将<svg>资源放在</body>之后合法吗?

2 年前

Hashim Aziz · 为什么使用SVG Core设置FontAwesome在默认情况下会禁用这些选项?

2 年前

Sougata Mukherjee · 如何同时悬停svg和文本

2 年前

Basj · 即使距离为3像素,也能检测到SVG线上的点击

2 年前

jana · 在带有javascript的svg中的锚点中插入rect元素不起作用

2 年前

Developer · 如何在SVG图例中将文本悬停在rect或legendcells上

2 年前