текстовый отсчет на холсте

Question

Я хотел бы запустить обратный отсчет текста на холсте, но в последний раз я проверял, что нет способа записать текст на холст.

Я хотел бы знать, сталкивался ли кто-нибудь еще с реализацией, где яможет сделать числовой отсчет от 60 до 0 на холсте.

Answer 1

$(function () {
    var width = 200;
    var height = 200;
    $('canvas').width(width).height(height);
    var ctx = $('canvas')[0].getContext('2d');
    var i = 60;
    (function draw() {
        with(ctx) {
            fillStyle = '#000';
            fillRect(0, 0, width, height);
            fillStyle = '#0f0';
            font = 'bold 20px Arial';
            fillText(i, 100, 50)
            fill();
        }
        if (!(i--)) return;
        setTimeout(draw, 1000);
    })();
});

см. В действии

Answer 2

Можно рисовать текст на холсте 2D. Если вы посмотрите на документацию w3c API , вы увидите метод fillText в контексте, который позволяет рисовать текст, а свойство font позволяет управлять внешним видом.

Обратите внимание: не все реализации Canvas 2D поддерживают текстовый API - я знаю, что iOS не делала этого раньше.

Answer 3

Эта страница предполагает, что действительно можно писать текст на холсте.