如何在甜甜圈图表中间添加图像？(Chart.js)

<canvas id="myChart"></canvas>

var ctx = document.getElementById('myChart').getContext('2d');
var myChart = new Chart(ctx, {
    type: 'doughnut',
    data: {
        labels: ['Label 1', 'Label 2', 'Label 3'],
        datasets: [{
            data: [30, 40, 50],
            backgroundColor: ['#ff6384', '#36a2eb', '#ffce56']
        }]
    },
    options: {
        cutoutPercentage: 70,
        elements: {
            center: {
                text: 'Custom Text',
                color: '#36A2EB', // 中心文本的颜色
                fontStyle: 'Arial', // 中心文本的字体样式
                sidePadding: 20 // 中心文本与图表之间的间距
            }
        }
    }
});

options: {
    elements: {
        center: {
            text: 'Custom Text',
            color: '#36A2EB',
            fontStyle: 'Arial',
            sidePadding: 20,
            afterDraw: function(chart) {
                var ctx = chart.chart.ctx;
                var width = chart.chart.width;
                var height = chart.chart.height;
                var img = document.getElementById('image'); // 图像元素的id
                ctx.drawImage(img, (width - img.width) / 2, (height - img.height) / 2);
            }
        }
    }
}

<img id="image" src="path/to/image.png" alt="Image">