少儿编程网

  12.70万      0      0

首先，使用document.getElementById(canvas)来选择canvas元素。正如我们在第9章中介绍的，getElementById返回一个DOM对象，它表示带有所提供的id的元素。...

  12.84万      0      0

既然已经使用一个canvas元素构建了一个页面，就让我们使用JavaScript来绘制一些矩形。...

  12.83万      0      0

JavaScript并不只能操作文本和数字。你也可以使用JavaScript和HTML canvas 元素来绘制图片，你可以将canvas元素当作是一块空白的画布或者一页纸。...

  12.94万      0      0

现在，使用setInterval，每30毫秒将两辆汽车（nissan和tesla）向右移动不同的随机距离，这个距离在0和5之间。应该看到两辆车在屏幕上的动画，它们以不同的速度移动。你能否猜到哪一辆车将...

  12.75万      0      0

在本章中，我们学习了用JavaScript进行面向对象编程，包括如何创建构造方法来构建新的对象，以及如何修改这些构造方法的prototype属性，以便在对象之间共享方法。...

  12.83万      0      1

现在，给代码添加向其他的方向移动的方法，以便可以在屏幕上朝着任意方向移动汽车。这些方法基本上与moveRight相同，因此，我们将一次性编写所有这些方法。...

  12.84万      0      0

e.draw的定义的后面，添加如下的代码： 　　将moveRight方...

  12.93万      0      0

让我们给Car.prototype添加一个draw方法，以便使用Car创建的所有对象都有draw方法。...

  12.86万      0      1

绘制汽车的一种更加面向对象的方式可能就是给每个对象一个draw方法了。然后，可以编写tesla.draw()，而不是drawCar(tesla)。在面向对象编程中，我们想要让对象能够将自己的功能构建为...

  13.03万      0      0

让我们测试drawCar函数，以确保它是能够工作的。在cars.html文件中添加如下代码（在其他的JavaScript代码之后），以创建两辆汽车。...