标签:javascript   
《javascript-少儿编程》第13章canvas元素之绘制圆弧和圆

  2.06万      0

除了在画布上绘制直线,还可以使用arc方法来绘制圆弧和圆。完整的圆从0度(在圆的右侧)一直达到πX 2的弧度。因此,要绘制一个完整的圆,告诉arc从0度绘制到πX2度。...

阅读全文   中国少儿编程网        于 2017-03-17 22:09        javascript
《javascript-少儿编程》第13章canvas元素之填充路径

  2.10万      0

到目前为止,我们介绍了用于绘制矩形边框的strokRect方法,用于绘制带颜色填充的矩形的fillRect,以及用于绘制路径线条的stroke方法,对于路径来说,和fillRect对等的方法叫作fil...

阅读全文   中国少儿编程网        于 2017-03-15 16:31        javascript
《javascript-少儿编程》第13章canvas元素之绘制线条或路径

  2.09万      0

画布上的线条叫作路径(path)。要使用画布绘制路径,使用x坐标和y坐标设置线条应该从哪里开始到哪里结束。通过使用开始坐标和结束坐标的一个精确的组合,可以在画布上绘制特定的形状。...

阅读全文   中国少儿编程网        于 2017-03-12 21:46        javascript
《javascript-少儿编程》第13章canvas元素之绘制矩形边框

  2.16万      0

正如我们所看到的,fillRcet方法绘制了一个填充的矩形。如果这就是你想要的,那挺好的,但是,有时候,你只是想要绘制边框,就好像使用铅笔或铅笔绘图一样。...

阅读全文   中国少儿编程网        于 2017-03-09 20:03        javascript
《javascript-少儿编程》第13章canvas元素之绘制多个方块

  2.21万      0

尝试一些更有趣的事情如何?我们使用一个循环来绘制多个在屏幕上斜着向下运动的方块,而不只是绘制一个方块。...

阅读全文   中国少儿编程网        于 2017-03-04 09:01        javascript
《javascript-少儿编程》第13章canvas元素之绘制方块

  2.31万      0

在这个例子中,我们表示“在坐标(0,0)处绘制一个10像素x10像素的矩形”,它位于画布的左上角。...

阅读全文   中国少儿编程网        于 2017-02-25 20:28        javascript
《javascript-少儿编程》第13章canvas元素之获取绘制环境

  2.25万      0

接下来,从canvas元素获取绘制环境(drawing context)。绘制环境是一个JavaScript对象,包含了用于在画布上绘制的所有的方法和属性。...

阅读全文   中国少儿编程网        于 2017-02-24 21:35        javascript
《javascript-少儿编程》第13章canvas元素之选择和保存canvas元素

  2.27万      0

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

阅读全文   中国少儿编程网        于 2017-02-23 21:40        javascript
《javascript-少儿编程》第13章canvas元素之在画布上绘制

  2.29万      0

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

阅读全文   中国少儿编程网        于 2017-02-22 21:49        javascript
《javascript-少儿编程》第13章canvas元素之创建一个基本的画布

  2.31万      0

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

阅读全文   中国少儿编程网        于 2017-02-21 15:30        javascript
中国少儿编程网