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'       
    });
}

箭头的实际线条颜色正确，但箭头end / start的颜色相同

点击此处： http://jsfiddle.net/MGtUQ/2/

Answer 1

这是known bug。它还没有在主存储库上，但您可以分叉v2.1.2 version from GitHub。它应该已经修好了。

修改：修复已在此commit中实施。对于任何使用它的人，我强烈建议在发布版本准备就绪后更新，以避免不支持的代码。

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;

替换它

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

2 个答案: