在JavaScript上创建SimpleImage

时间:2018-01-25 14:15:53

标签: javascript image

我尝试使用JavaScript创建SimpleImage。但它给我一个控制台错误

  

未捕获的ReferenceError:未定义SimpleImage

我不确定问题来自下面的代码:

<script>
var img = new SimpleImage(200, 200);
for (var p of img.values()){
    x = p.getX();
    y = p.getY();
    w = img.getWidth()
    if (x > y){
    p.setRed(255);
    }
    if (x + y > w)
    {
        p.setRed(255);
    }
    if (x > 20){
        p.setRed(255);
    }
   }
print (img);
</script>

3 个答案:

答案 0 :(得分:2)

这里的问题是你首先需要包含一个包含SimpleImage()函数的库,JavaScript不包含你提到的预定义库。在您要查找的网页(sites.google.com/site/tech23repo/scripting/javascript)中,它也不会显示您应在脚本中包含哪个库。例如,为此起作用:

<script>
   var img = new SimpleImage(200, 200);
   for (var p of img.values()){
       x = p.getX();
       y = p.getY();
       w = img.getWidth()
       if (x > y){
           p.setRed(255);
       }
       if (x + y > w){ //Indent this correctly
           p.setRed(255);
       }
       if (x > 20){
           p.setRed(255);
       }
   }
   print (img);
</script>

您需要在某处定义SimpleImage()方法,如下所示:

<script async="" src="pathToJSLibraryContainingSimpleImageMethod.js"></script>
<script>
    //Rest of the code using SimpleImage() method goes here.   
</script>

答案 1 :(得分:0)

您需要的图书馆来自Duke / Coursera课程,您可以在这里获得。 http://www.dukelearntoprogram.com/course1/common/js/cs101/SimpleImage.js

您可以在此处找到更多信息http://www.dukelearntoprogram.com/course1/

答案 2 :(得分:-1)

您需要DLTP(杜克大学课程时代课程)库。您可以离线或在线将其注入代码中。 在线注入 SimpleImage 库:

<script src="https://www.dukelearntoprogram.com/course1/common/js/image/SimpleImage.js" >

SimpleImage 库下载链接的离线注入[DLTP库下载链接] :: https://www.dukelearntoprogram.com//downloads/archives/cs101.zip