처리 스크립트 내가 여기 발견 Processing.js 자습서를하고 있어요

Question

실행 얻을 수 없다 :

01 : 제 에러에 관하여

uncaught exception: called Processing constructor without passing canvas element reference or id. 

그리고

Access to restricted URI denied 

xhr.send(null) 

, I는 캔버스 요소 ID과 같이 전달

또한 HTML의 캔버스 요소에 canvas1 ID가 있는지 확인하고 확인했습니다.

두 번째 오류가 잘못되었는지 잘 모르겠습니다.

내가 뭘 잘못하고 있는지 보도록 도와주세요.

이

function sketchProc(processing) { 
     processing.draw = function() { 
      var centerX = processing.width/2; 
      var centerY = processing.height/2; 
      var maxArmLength = Math.min(centerX, centerY); 

      function drawArm(position, lengthScale, weight) { 
       processing.strokeWeight(weight); 
       processing.line(centerX, centerY, 
        centerX + Math.sin(position * 2 * Math.PI) * lengthScale * maxArmLength, 
        centerY - Math.cos(position * 2 * Math.PI) * lengthScale * maxArmLength); 
      } 

      processing.background(224); 

      var now = new Date(); 

      var hoursPosition = (now.getHours() % 12 + now.getMinutes()/60)/12; 
      drawArm(hoursPosition, 0.5, 5); 
     } 
    } 

    var canvas = document.getElementById('canvas1'); 

    var processingInstance = new Processing(canvas, sketchProc); 

최근 질문

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.

 관련 문제

• 관련 문제 없음^_^