使用javascript库自定义形状的图形

Question

有没有办法可以形成对话泡泡并在raphael js中显示对话泡泡内的统计数据

感谢任何帮助

Answer 1

Rafael语法与HTML5 canvas类似。您应该能够创建笔触坐标以绘制气泡的形状，如您所希望的那样。

Answer 2

Graphael为文本气泡提供了一些默认方法：

Raphael.fn.g.tag(x,y,text,angle,r)
Raphael.fn.g.flag(x,y,text,angle)
Raphael.fn.g.label(x,y,text)
Raphael.fn.g.blob(x,y,text,angle,size)
Raphael.fn.g.popup(x,y,text,dir,size)

所以，例如......

window.onload = function(){
     var r = Raphael('graph');
     var flag = r.flag(100,100,"Hello!",15);
}

如果那些没有削减芥末，那么你将想要创建自己的svg路径。您可能需要查看Dmitry在此处提供的一些路径：http://raphaeljs.com/icons/