рисунок javascript с ошибкой canvas

Я не могу найти ошибки в этом коде. Код предназначен для рисования фигуры с холстом на основе ввода пользователя. Он бросает меня 2 ошибки:рисунок javascript с ошибкой canvas

Uncaught TypeError: не определено не является функцией canvas.html вариант = Circulo: 14

Uncaught TypeError: Невозможно вызвать метод 'getContext' нулевых

var my_canvas = document.getElementById("a"); 
var con = my_canvas.getContext("2d"); 

var check = function(){ 
    if((document.getElementById('opcion').value) === 'circulo'){ 
     con.beginPath(); 
     con.arc(75, 75, 20, 0, 2*Math.PI); 
     con.closePath(); 
    }else if((document.getElementById('opcion').value) === 'rectangulo'){ 
     con.strokeRect(100,100,20,50); 

    }else if((document.getElementById('opcion').value) === 'arcos'){ 
     con.beginPath(); 
     con.arc(75,75,35,0,Math.PI); 
     con.stroke(); 
    }else{ 
     alert("Ha ingresado un valor invalido"); 
    } 
};

источник

2014-01-02 user3152299

Ваш document.getElementById ("a") не работает. Является ли идентификатор вашего холста «а»? Похож ли ваш HTML как это:

<canvas id="a" width="200" height="100"></canvas>

Если у вас есть холст с идентификатором «а» (ид, а не класс), то, возможно, ваш код должен быть в функции window.onload, потому что она работает, прежде чем ваш документ загружен.

источник

2014-01-02 02:46:16

Да, это так. Я использую «a» как id – user3152299

Является ли ваш код в функции window.onload, возможно, он еще не загружен, когда это выполняется. –

Я думаю, что это была проблема. Теперь я помещаю скрипт после тега canvas, и он работает нормально. – user3152299

рисунок javascript с ошибкой canvas

ответ

Смежные вопросы