我正在胡思乱想,无法控制路径宽度。
看到倒数第二行,真是莫名其妙:
var paper = Raphael(20, 20, 320, 320);
function arc(center, radius, startAngle, endAngle) {
angle = startAngle;
coords = toCoords(center, radius, angle);
path = "M " + coords[0] + " " + coords[1];
while(angle<=endAngle) {
coords = toCoords(center, radius, angle);
path += " L " + coords[0] + " " + coords[1];
angle += 1;
}
return path;
}
function toCoords(center, radius, angle) {
var radians = (angle/180) * Math.PI;
var x = center[0] + Math.cos(radians) * radius;
var y = center[1] + Math.sin(radians) * radius;
return [x, y];
}
var ps = paper.path(arc([100, 100], 80, -90, 90));
ps.attr({stroke:'#C00',width:100});
ps.glow({color: '#f00',width: 20});
这是 fiddle :
谁能看出我在这里做错了什么?
非常感谢
最佳答案
你应该使用 stroke-width
例如:
ps.attr({stroke:'#C00',"stroke-width":5});
ps.glow({color: '#f00',width: 40});
检查这个fiddle
关于javascript - raphael.js 笔划/路径宽度似乎不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11426824/