javascript - RaphaelJS：箭头的结束和开始的颜色与路径本身不同

Question

var paper = new Raphael('paper');
for (var i = 0; i < 6; i++) {
    paper.path([
        'M', i * 20 + 30, 10,
        'L', i * 20 + 30, 300
    ]).attr({
        'stroke-width': 5,
        'stroke': ((i%2==0) ? 'red' : 'blue' ),
        'arrow-end': 'block-midium-midium',
        'arrow-start': 'oval-narrow-short'       
    });
}

箭头的实际线具有正确的颜色，但箭头结束/开始具有相同的颜色

在这里检查：http: //jsfiddle.net/MGtUQ/2/

Answer 1

这是已知的错误。它还没有在主存储库中，但你可以从 GitHub 上 fork v2.1.2 版本。它应该已经固定在那里了。

编辑：在此提交中实施了修复。对于将使用它的任何人，我强烈建议在发布版本中准备好修复后进行更新，以避免不支持的代码。

raphael.js文件中5963的行。

Answer 2

对于那些拥有 raphael-min.js 的人，请搜索：B="raphael-marker-"+r+w+x+y; 并将其替换为B="raphael-marker-"+r+w+x+y+"-obj"+d.id;