8wDlpd.png
8wDFp9.png
8wDEOx.png
8wDMfH.png
8wDKte.png

js 页面中未定义 stroke/strokeWeight

Oliver Oliver 2月前

20 0

我是 Javascript 的超级初学者,很抱歉这个问题有点愚蠢,但我已经从教程中复制了此代码,但当我查看 html pagestroke('green');strokeWe... 时它根本不起作用。

我是 Javascript 的超级初学者,抱歉,如果问题有点愚蠢,但我已经从教程中复制了这段代码,当我查看 html 页面时它根本不起作用

stroke('green');
strokeWeight(20);
fill(0, 210, 247);

draw = function() {
ellipse(mouseX, mouseY, 30, 30);
}

查看检查工具,它显示“strokeWeight 未定义”

Uncaught ReferenceError: strokeWeight is not defined
at theme.js:1:1

我尝试将 stroke 放在 strokeWeight 之前,但这次它显示“stroke not defined”

Uncaught ReferenceError: stroke is not defined
at theme.js:2:1

我肯定错过了什么

帖子版权声明 1、本帖标题:js 页面中未定义 stroke/strokeWeight
    本站网址:http://xjnalaquan.com/
2、本网站的资源部分来源于网络,如有侵权,请联系站长进行删除处理。
3、会员发帖仅代表会员个人观点,并不代表本站赞同其观点和对其真实性负责。
4、本站一律禁止以任何方式发布或转载任何违法的相关信息,访客发现请向站长举报
5、站长邮箱:yeweds@126.com 除非注明,本帖由Oliver Oliver在本站《javascript》版块原创发布, 转载请注明出处!
最新回复 (0)
  • Khan Academy 使用 ProccessingJS 的前身 p5.js ,抽象了一些在画布上显示事物的命令。

    有关如何使 Khan Academy 代码在其编辑器之外工作的更多详细信息, 请参阅“ 在 Khan Academy 之外使用 ProcessingJS

    以下是他们的例子:

    <!DOCTYPE html>
    <html> 
      <head>
        <title>Processing.JS inside Webpages: Template</title> 
      </head>
      <body>
        <!--This draws the canvas on the webpage -->
        <canvas id="mycanvas"></canvas> 
      </body>
     
      <!-- Include the processing.js library -->
      <!-- See https://khanacademy.zendesk.com/hc/en-us/articles/202260404-What-parts-of-ProcessingJS-does-Khan-Academy-support- for differences -->
      <script src="https://cdn.jsdelivr.net/processing.js/1.4.8/processing.min.js"></script> 
      <script>
      var programCode = function(processingInstance) {
        with (processingInstance) {
          size(400, 400); 
          frameRate(30);
            
          // Paste code from Khan Academy here:
          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 ProcessingJS will use
      var canvas = document.getElementById("mycanvas"); 
      // Pass the function to ProcessingJS constructor
      var processingInstance = new Processing(canvas, programCode); 
      </script>
    </html>
    

    您可以输入任何代码并替换“在此处粘贴 Khan Academy 的代码”下方的内容

返回
作者最近主题: