画布未填充fillText

时间:2017-03-07 15:47:14

标签: javascript angularjs canvas charts

我使用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'并且'保存'对页面没有任何影响。可能有什么问题?

0 个答案:

没有答案