在绘制图形的章节里,我只用到默认的线条和填充样式。而在这一章里,我们将会探讨 canvas 全部的可选项,来绘制出更加吸引人的内容。
色彩 Colors
到目前为止,我们只看到过绘制内容的方法。如果我们想要给图形上色,有两个重要的属性可以做到:fillStyle...
Zero、J
4年前 (2020-02-16) 705℃
0喜欢
既然我们已经设置了 canvas 环境,我们可以深入了解如何在 canvas 上绘制。到本文的最后,你将学会如何绘制矩形,三角形,直线,圆弧和曲线,变得熟悉这些基本的形状。绘制物体到Canvas前,需掌握路径,我们看看到底怎么做。
栅格
在我们开始...
Zero、J
4年前 (2020-02-16) 472℃
0喜欢
让我们通过了解 <canvas> HTML 元素本身开始本教程。在本页结束时,你会了解到如何去设置一个 canvas 2D 上下文以及如何在你的浏览器上创建第一个例子。
<canvas> 元素
...
Zero、J
4年前 (2020-02-16) 716℃
0喜欢
<canvas>是一个可以使用脚本(通常为JavaScript)来绘制图形的 HTML 元素.例如,它可以用于绘制图表、制作图片构图或者制作简单的(以及不那么简单的)动画. 右边的图片展示了一些 <canvas> 的实现示例,在这个教程后面我们将看到.
本篇教...
Zero、J
4年前 (2020-02-16) 660℃
0喜欢
光照
我们能看到物体,是因为光照射在物体上然后反射到我们的眼睛当中。其中的影响因素非常多:观察者的位置、光源的位置、光的颜色、物体表面的颜色、材质和粗糙程度等等。以后我们将会详细探究如何模拟物体的材质,在这篇文章中我们只讨论光源。
平行光源
太阳的尺度相对地球来说非常大,所以可以...
Zero、J
5年前 (2019-01-04) 1974℃
0喜欢
前言
在前端开发中,贝赛尔曲线无处不在:
它可以用来绘制曲线,在svg和canvas中,原生提供的曲线绘制都是使用贝赛尔曲线
它也可以用来描述一个缓动算法,设置css的transition-timing-function属性,可以使用贝塞尔曲线来描述过渡的缓动计算
几乎所有前端...
Zero、J
5年前 (2019-01-03) 732℃
0喜欢