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

Question

有没有办法我可以制作对话气泡的形状并在 raphael js 中显示对话气泡内的统计信息

任何帮助表示赞赏

Answer 1

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/

Answer 2

Rafael 语法似乎类似于 HTML5 画布。您应该能够只创建笔触坐标来绘制您希望气泡出现的形状。