0、1像素显示字符串

Html

Css

window.onload = function() {
    var c = document.getElementsByTagName('canvas')[0];
    var ctx = c.getContext('2d');
    var WIDTH = c.width = window.innerWidth;
    var HEIGHT = c.height = window.innerHeight;
    var img;
    var init = function() {
        ctx.clearRect(0, 0, WIDTH, HEIGHT);
        ctx.font = 'bold 144px arial';
        ctx.fillStyle = 'rgba(255,255,255,0.5)';
        ctx.fillText('Hello World', 60, HEIGHT / 2 + 50);
        img = ctx.getImageData(0, 0, WIDTH, HEIGHT);
    }

}
    init();
    run();
    document.onclick = function() {
        init();
        run();
    }

}

↑上面代码改变，会自动显示代码结果 jQuery调用版本：1.11.3

立即下载

0、1像素显示字符串



代码描述：像素显示字符串

ctx.fillText('Hello World', 60, HEIGHT / 2 + 50);
修改字符串和位置

0

最新

发表评论全部评论

暂时没有评论！

登录后才可以评论

30秒后在评论吧!

PROMULGATOR

师寇Dill

相关代码

0、1像素显示字符串

最新