Javascript 如何使用chart.js在甜甜圈图表的每个部分中添加图像？

我已经使用chart.js绘制了一个甜甜圈图表，我想在甜甜圈图表的每个部分中添加图像（即.png.svg）以及渐变背景色。 这个目标我想实现

此处的html代码……

  <canvas id="myChart" width="600" height="400"></canvas>

---

做这样的事

var ctx=myChart.width/2;
var cy=myChart.height/2;
ctx.translate(cx,cy);
var startAngle = myChart.segments[thisWedgeIndex].startAngle;
var endAngle = myChart.segments[thisWedgeIndex].endAngle;
var midAngle = startAngle+(endAngle-startAngle)/2;
ctx.rotate(midAngle);//mid angle rotation
//inner radious
var midWedgeRadius=myChart.innerRadius+(chart.radius-chart.innerRadius)/2;
context.translate(midWedgeRadius,0);
context.setTransform(1,0,0,1,0,0);//rotate

---

做这样的事

var ctx=myChart.width/2;
var cy=myChart.height/2;
ctx.translate(cx,cy);
var startAngle = myChart.segments[thisWedgeIndex].startAngle;
var endAngle = myChart.segments[thisWedgeIndex].endAngle;
var midAngle = startAngle+(endAngle-startAngle)/2;
ctx.rotate(midAngle);//mid angle rotation
//inner radious
var midWedgeRadius=myChart.innerRadius+(chart.radius-chart.innerRadius)/2;
context.translate(midWedgeRadius,0);
context.setTransform(1,0,0,1,0,0);//rotate

---

我是开发新手，我不知道该把代码放在哪里，以及如何设置图像路径。。。你能提供工作的JSFIDLE吗。。。。？谢谢我是新开发的，我不知道该把代码放在哪里，以及如何设置图像路径。。。你能提供工作的JSFIDLE吗。。。。？谢谢，我已经试过这个代码，但它不起作用，无法理解，在哪里设置图像路径…？有人能给我一些帮助提示吗khuramshahzad2416@gmail.com…我已经尝试过这个代码，但它不起作用，无法理解，在哪里设置图像路径…？有人能给我一些帮助提示吗khuramshahzad2416@gmail.com ...