Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/375.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_Html_Html5 Canvas - Fatal编程技术网

Javascript 在画布饼图的每一块上绘制三角形以生成箭头

Javascript 在画布饼图的每一块上绘制三角形以生成箭头,javascript,html,html5-canvas,Javascript,Html,Html5 Canvas,使用canvas,我必须获取一些用于创建饼图的数据,并将饼图转化为一个箭头圈 到目前为止,饼图很简单,去掉中间的部分也很容易。但我不知道该怎么做 获取饼图的每个端点的x,y点 用它画一个三角形,然后 继续下一块饼 我得到的是圆中心点的x,y和半径。 我能画一个三角形- var friends=校友=有希望的人=运动员=0, 数据=['Ahtlete'、'运动员'、'朋友'、'朋友'、'运动员']; 测试=数据长度; 对于(变量i=0;i

使用canvas,我必须获取一些用于创建饼图的数据,并将饼图转化为一个箭头圈

到目前为止,饼图很简单,去掉中间的部分也很容易。但我不知道该怎么做

  • 获取饼图的每个端点的x,y点

  • 用它画一个三角形,然后

  • 继续下一块饼

  • 我得到的是圆中心点的x,y和半径。 我能画一个三角形-

    var friends=校友=有希望的人=运动员=0,
    数据=['Ahtlete'、'运动员'、'朋友'、'朋友'、'运动员'];
    测试=数据长度;
    对于(变量i=0;i对于(var i=0;我现在已经解决了这个问题吗?如果是的话,如果你能分享你自己的解决方案就好了。