我使用Canvas图表,我想要实现的是将音量编号(某些文本)放在圆环图的中心。我也使用AngularJS。
这是我的代码:
$scope.fill = function(chart) {
var chart = $('#doughnut');
console.log(chart);
var width = chart[0].width,
height = chart[0].height,
ctx = chart[0].getContext("2d");
console.log(height);
ctx.restore();
var fontSize = (height / 300).toFixed(2);
ctx.font = fontSize + "em sans-serif";
ctx.textBaseline = "middle";
var text = $scope.volume + ' PLN';
console.log(text);
// text = text.split('').splice(3, 0, ' ').join() + ' PLN'; // to do sth like this
var textX = Math.round((width - ctx.measureText(text).width) / 2),
textY = height / 2;
console.log(textY);
console.log(textX);
ctx.fillText(text, textX, textY);
console.log(ctx.fillText(text, textX, textY));
ctx.save();
}();
所有console.logs都给我正确的值。但是,' fillText'并且'保存'对页面没有任何影响。可能有什么问题?