我想為我的網頁編寫一個processing.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>我沒有看到任何錯誤消息，所以我不知道出了什么問題。
3 回答
呼喚遠方
TA貢獻1856條經驗 獲得超11個贊
試試這個：在第一行中，將 id="mycanvas' 更改為 id="mycanvas" 或 id='mycanvas' （不要混淆它們）。希望這有幫助！來自另一個新手的問候；）
慕沐林林
TA貢獻2016條經驗 獲得超9個贊
請嘗試在畫布上添加尺寸
<canvas id="mycanvas" style:"height:400px; width:400px"></canvas>
或 CSS 樣式
<style>
#mycanvas {
height:400px;
width:400px;
}
</style>
canvas "'" also has syntax error.
滄海一幻覺
TA貢獻1824條經驗 獲得超5個贊
因為你的html有錯誤
<canvas id="mycanvas'></canvas>
您的畫布 ID 開頭"和結尾'
更改為
<canvas id="mycanvas"></canvas>
它應該被修復
- 3 回答
- 0 關注
- 203 瀏覽
添加回答
舉報
0/150
提交
取消