Path Raphael.js:更多路径,clean();辉光()

Path Raphael.js:更多路径,clean();辉光(),path,raphael,animated,glow,Path,Raphael,Animated,Glow,我对raphael.js有很多问题,我希望任何人都能帮助我 第一个问题:为什么他们不给我画两条不同的路径?是因为它在同一画布/分区中吗!解决了 我不会清理画布,所有路径都会显示出来。我试图删除canvas.clean()函数。但它显示的是像素化的路径。这不是最好的解决方案 第二个问题:我只想要辉光效果,但它不起作用 }, function () { $('path[fill*="none"]').glow(); }); 我将'画'/动画10个或更多不同的路径,他

我对raphael.js有很多问题,我希望任何人都能帮助我

第一个问题:为什么他们不给我画两条不同的路径?是因为它在同一画布/分区中吗<强>!解决了

我不会清理画布,所有路径都会显示出来。我试图删除canvas.clean()函数。但它显示的是像素化的路径。这不是最好的解决方案

第二个问题:我只想要辉光效果,但它不起作用

    }, function () {
        $('path[fill*="none"]').glow();
    });
我将'画'/动画10个或更多不同的路径,他们应该开始不同的时间和辉光效果是很重要的。但是什么都不管用,我从2天开始就在写这段代码。我是否应该以不同的方式处理此代码

编辑:其他问题。。。。为什么他们把我的第一条路画一次,第二条画两次。。。。?图特


对此,我有不同的解决方案。 看看我创建的

此外,守则:

var paper = Raphael("notepad", 500, 500);

var path = paper.path("M 50 200 L 120 100  200 190 80 250z");
var shadow = path.clone().scale(0.95).hide();


shadow.glow({width: 8,color: 'orange'});
path.attr({stroke: "black", "stroke-width": 2});
显然,您可以更改光晕的颜色,
scale()
,并修改
offsetx
offsety
光晕()。在您的案例中,可能不需要使用
scale()
,但如果您想要创建阴影效果,它会很有用


希望这是有用的。

您能在JSFIDLE上演示一个例子吗?当然可以。我忘了。非常感谢。这对双方都有效吗?如果我复制两次路径?@Sam Awsm K:没问题。如果你使宽度足够宽,你就会得到那种效果。我想也不需要scale()函数。幸运的是克隆的整个想法是给你的光芒一个自由定位的可能性。你可以移动它,使其产生
阴影
内发光
效果,等等……我想我的回答帮助你解决了问题。你应该接受它,这样问题就结束了。如果没有被接受的答案,人们不会点击你的问题。哦,对不起,我是新来的。我将关闭它。:)
var paper = Raphael("notepad", 500, 500);

var path = paper.path("M 50 200 L 120 100  200 190 80 250z");
var shadow = path.clone().scale(0.95).hide();


shadow.glow({width: 8,color: 'orange'});
path.attr({stroke: "black", "stroke-width": 2});