Как включить обработку. js код в HTML

Question

Я хочу написать сценарий обработки. js для моей веб-страницы, но мой эскиз не отображается. Я включил следующие строки:

<canvas id="mycanvas'></canvas>
<script src="https://cdn.jsdelivr.net/processing.js/1.4.8/processing.min.js"></script>
<script>
    var sketchProc = function(processingInstance) {
     with (processingInstance) {
        size(400, 400);
        frameRate(30);

        // ProgramCodeGoesHere
        fill(255, 255, 0);
        ellipse(200, 200, 200, 200);
        noFill();
        stroke(0, 0, 0);
        strokeWeight(2);
        arc(200, 200, 150, 100, 0, PI);
        fill(0, 0, 0);
        ellipse(250, 200, 10, 10);
        ellipse(153, 200, 10, 10);
    }};

    // Get the canvas that Processing-js will use
    var canvas = document.getElementById("mycanvas");
    // Pass the function sketchProc (defined in myCode.js) to Processing's constructor.
    var processingInstance = new Processing(canvas, sketchProc);
 </script>

Я не вижу сообщений об ошибках, поэтому я не знаю, что не так.

Answer 1

потому что у вас есть ошибка в html

<canvas id="mycanvas'></canvas>

ваш идентификатор холста начинается с " и заканчивается '
измените его на

<canvas id="mycanvas"></canvas>

, и оно должно быть исправлено

Answer 2

Попробуйте: в первой строке измените id = "mycanvas" на id = "mycanvas" или id = "mycanvas" (не путайте их). Надеюсь, это поможет! Привет от другого новичка ie ;)

Answer 3

Пожалуйста, попробуйте добавить размеры на холсте

<canvas id="mycanvas" style:"height:400px; width:400px"></canvas>

или CSS стиль

<style>
#mycanvas {
  height:400px;
  width:400px;
}
</style>


canvas "'" also has syntax error.