html5在多个页面上使用canvas和脚本

时间:2016-01-22 13:29:55

标签: javascript html css html5 canvas

首先,我是html中的真正新手(实际上是编程)而且我是法国人,所以请原谅我的英语。 好吧,我正在尝试建立一个包含多个html页面的网站,我希望所有页面的背景都是一个噪音生成器:

function noise(ctx) {

    var w = ctx.canvas.width,
    h = ctx.canvas.height,
    idata = ctx.createImageData(w, h),               // create image data
    buffer32 = new Uint32Array(idata.data.buffer),   // get 32-bit buffer
    len = buffer32.length,
    i = 0;

    for(; i < len;)
        buffer32[i++] = ((255 * Math.random())|0) << 24; // alter alpha channel

    ctx.putImageData(idata, 0, 0);
}

http://jsfiddle.net/AbdiasSoftware/dEya9/

我设法在第一页上使用id元素,但它不会显示在任何其他页面上。我知道不应该多次使用id,但我找不到让这个背景一直工作的方法。

告诉我你是否需要更多精确度。 谢谢

1 个答案:

答案 0 :(得分:0)

您希望在每个页面上运行

<body onload='noise(ctx)'>。确保JS文件也链接在该页面的标题内,并且存在id的元素。