JavaScript图形实例：H分形

2024-06-25 04:57:19

赞 (0)

使用canvas完成帧动画（方向键控制行走的小人）

根据此精灵图设置动图 <!DOCTYPE html><html lang="en"><head> <meta charset=" ...
JavaScript图形实例：Canvas API

JavaScript图形实例：Canvas API
JavaScript图形实例：随机SierPinski三角形

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

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

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

JavaScript图形实例：SierPinski三角形
JavaScript图形实例：Levy曲线及其变形

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

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

JavaScript图形实例：窗花图案
JavaScript图形实例：曲线方程

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