0

This is my demo jsFiddle

HTML

<canvas id="random"></canvas>

jQuery

function Random() {
    var length = 9,
        charset = "ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789",
        retVal = "";
    for (var i = 0, n = charset.length; i < length; ++i) {
        retVal += charset.charAt(Math.floor(Math.random() * n));
    }
    return retVal;
}
var ctx = document.getElementById("random").getContext('2d');
ctx.font = "30px Codystar";
ctx.fillText(Random(), 30, 30);
$("#random").click(function () {
    ctx.fillText(Random(), 30, 30);
});

My Question 1-font does not work the first boot and 2-click function does not work ?

4

2 回答 2

1

看来您必须先使用该功能clearRect(x,y, w, h);清除画布，然后再在其上书写。

就像是：

$("#random").click(function () {
    ctx.clearRect ( 0,0,1000,1000 );
    ctx.fillText(Random(), 30, 30);
});

现场演示：http: //jsfiddle.net/vEEPS/3/

于 2013-08-22T09:14:21.333 回答
0

我通过以下链接

并发现它可以帮助您了解画布上的点击功能。

于 2013-08-22T09:11:17.617 回答