Canvas Javascript проблема

Question

Меня попросили разработать приложение, которое будет работать на Blackberry. Но я не знаю в Java. Поскольку приложение требует рисования, я выбираю html5 и javascript. Затем я прочитал несколько уроков по JavaScript. Но когда я пытаюсь применить это на практике, я получаю сообщение об ошибке, в котором говорится, что атрибут getContext не определен. Можно ли написать это в c #?

var canvasCircle;
var contextCircle;
var x = 400;
var y = 300;
var dx = 2;
var WIDTH = 800;
var HEIGHT = 600;

// the circle wont make any transsformation.
function draw_circle(x, y, r) {
    contextCircle.beginPath();
    contextCircle.arc(x, y, r, 0, 2 * Math.PI, true);
    contextCircle.closePath();
    contextCircle.stroke();
}

function clear_canvas() {
    contextCircle.clearRect(0, 0, WIDTH, HEIGHT);
}

function init() {
    canvasCircle = document.getElementById("canvas_circle");
    contextCircle = canvasCircle.getContext('2d');
    return setInterval(draw, 10);
}

function draw() {
    clear_canvas();
    draw_circle(x, y, 50);

    if (x + dx > WIDTH || x + dx < 0)
        dx = -dx;
    x += dx;
}
init();

<canvas id="canvas_circle" width="800" height="600"></canvas>

Answer 1

Я не знаком с браузером Blackberry, который вы используете, но, похоже, он не поддерживает Canvas.В Dive Into HTML5 есть отличная глава по обнаружению функций: http://diveintohtml5.ep.io/detect.html

В ней также есть замечательная библиотека Modernizr, которую можно использовать для обнаружения функций HTML5.Но проверить поддержку холста довольно просто (как показано в главе):

 function supports_canvas() {
     return !!document.createElement('canvas').getContext;
 }