Вопрос по html5, javascript, html, canvas – HTML5 динамически создавать холст

57

Привет, у меня есть вопрос о динамическом создании холста с помощью JavaScript.

я создаю холст, как это:

var canvas = document.createElement('canvas');
canvas.id     = "CursorLayer";
canvas.width  = 1224;
canvas.height = 768;
canvas.style.zIndex   = 8;
canvas.style.position = "absolute";
canvas.style.border   = "1px solid";

но когда я пытаюсь найти его, я получаюnull значение:

cursorLayer = document.getElementById("CursorLayer");

Я делаю это неправильно? Есть ли лучший способ создать холст с помощью JavaScript?

Error: User Rate Limit ExceededAdd canvas to a page with javascript Vadzim

Ваш Ответ

3   ответа
0

var canvas = document.createElement('canvas');
canvas.id     = "CursorLayer";
canvas.width  = 1224;
canvas.height = 768;
canvas.style.zIndex   = 8;
canvas.style.position = "absolute";
canvas.style.border   = "1px solid";
window.onload = function() {
    document.getElementById("CursorLayer");
}
Error: User Rate Limit Exceeded
Error: User Rate Limit Exceeded
Error: User Rate Limit Exceeded
1

$('<canvas/>', { id: 'mycanvas', height: 500, width: 200});

Error: User Rate Limit Exceeded
91

Error: User Rate Limit Exceeded

Error: User Rate Limit Exceeded

document.body.appendChild(canvas);

Error: User Rate Limit Exceeded

var canvas = document.createElement('canvas');

canvas.id = "CursorLayer";
canvas.width = 1224;
canvas.height = 768;
canvas.style.zIndex = 8;
canvas.style.position = "absolute";
canvas.style.border = "1px solid";


var body = document.getElementsByTagName("body")[0];
body.appendChild(canvas);

cursorLayer = document.getElementById("CursorLayer");

console.log(cursorLayer);

// below is optional

var ctx = canvas.getContext("2d");
ctx.fillStyle = "rgba(255, 0, 0, 0.2)";
ctx.fillRect(100, 100, 200, 200);
ctx.fillStyle = "rgba(0, 255, 0, 0.2)";
ctx.fillRect(150, 150, 200, 200);
ctx.fillStyle = "rgba(0, 0, 255, 0.2)";
ctx.fillRect(200, 50, 200, 200);

Error: User Rate Limit Exceeded
Error: User Rate Limit Exceeded Arjen van Heck
Error: User Rate Limit Exceeded
Error: User Rate Limit Exceededdocument.body.appendChild(canvas)Error: User Rate Limit Exceeded
Error: User Rate Limit Exceeded

Похожие вопросы