canvas画不规则多边形_Canvas 不规则方块分形图

这段代码演示了如何使用JavaScript在HTML5 Canvas上绘制不规则多边形的分形图案。通过不断将矩形区域平分为更小的矩形并随机选择颜色,创建出复杂而有趣的视觉效果。代码中定义了一个`tile`构造函数用于处理矩形划分,以及一个`draw`函数用于绘制和更新分形图。页面的窗口大小调整和鼠标点击或触摸事件都会触发重绘。
摘要由CSDN通过智能技术生成

JavaScript

语言:

JaveScriptBabelCoffeeScript

确定

var c = document.getElementById('canv');

var $ = c.getContext('2d');

var w = c.width = window.innerWidth;

var h = c.height = window.innerHeight;

var tile = (function() {

tile.prototype.rects = null;

tile.prototype.divved = false;

function tile(x, y, w, h) {

this.x = x;

this.y = y;

this.w = w;

this.h = h;

}

tile.prototype.div = function() {

this.t = [];

if (this.w > this.h) {

this.t[0] = new tile(this.x, this.y, this.w / 2, this.h);

this.t[1] = new tile(this.x + this.w / 2, this.y, this.w / 2, this.h);

} else {

this.t[0] = new tile(this.x, this.y, this.w, this.h /

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值