Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/37.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
使用javascript库自定义形状的图形_Javascript_Css_Graph_Raphael_Graphael - Fatal编程技术网

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

使用javascript库自定义形状的图形,javascript,css,graph,raphael,graphael,Javascript,Css,Graph,Raphael,Graphael,有没有一种方法可以让我制作一个对话泡泡的形状,并用拉斐尔js展示对话泡泡内的统计数据 感谢您的帮助Rafael语法似乎与HTML5画布相似。您应该能够创建笔划坐标来绘制气泡的形状,就像您希望的那样。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,an

有没有一种方法可以让我制作一个对话泡泡的形状,并用拉斐尔js展示对话泡泡内的统计数据


感谢您的帮助

Rafael语法似乎与HTML5画布相似。您应该能够创建笔划坐标来绘制气泡的形状,就像您希望的那样。

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提供的一些路径: