使用javascript库自定义图形

Question

有没有一种方法可以使对话气泡的形状，并在拉斐尔js中显示对话气泡中的统计数据？

任何帮助我们都将不胜感激

Answer 1

Rafael的语法看起来类似于HTML5画布。您应该能够创建笔划坐标来绘制气泡的形状，就像您希望它显示的那样。

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/