JavaScript图形实例：Canvas API / 开普饭

canvas 利用canvas创建一个画布一个画布在网页中是一个矩形框,通过 <canvas> 元素来绘制. 默认情况下 <canvas> 元素没有边框和内容. <ca ...

在"JavaScript图形实例:SierPinski三角形"中,我们介绍了SierPinski三角形的基本绘制方法,在"JavaScript图形实例:迭代函数系统生成图 ...

H分形是由一个字母H演化出迷宫一样场景的分形图案,其构造过程是:取一个中心点(x,y),以此中心点绘制一条长为L的水平直线和两条长为H的竖直直线,构成一个字母"H"的形状:再以两条 ...

德国数学家David Hilbert在1891年构造了一种曲线,首先把一个正方形等分成四个小正方形,依次从西北角的正方形中心出发往南到西南正方形中心,再往东到东南角的正方形中心,再往北到东北角正方形中 ...

在"JavaScript图形实例:迭代函数系统生成图形"一文中,我们介绍了采用迭代函数系统(Iterated Function System,IFS)创建分形图案的一些实例.在该文 ...

Levy曲线是将一条线段不停地分形成两条长度相等且相互垂直的线段而生成的.Levy分形的最后很像一个英文字母C,所以也称它为C曲线. Levy曲线的生成示意如图1所示. 图1 Levy曲线的生成 1 ...

黄金螺旋线是根据斐波那契数列画出来的螺旋曲线.自然界中存在许多黄金螺旋线的图案,是自然界最完美的经典黄金比例.例如,如图1所示的海螺身上的曲线,图2所示的漩涡,图3所示的人耳. 图1 海螺图2 漩 ...

在HTML5 Canvas画布中,我们可以根据曲线的方程绘制出曲线.例如,在笛卡尔坐标系中,圆的方程为: x=r*cos(θ) y=r*sin(θ) (0≤θ≤2π) 编写如下的HTML代码. ...

JavaScript图形实例：Canvas API