使用 <canvas> 将图像像素化,类似 Chuck Close 的风格
关闭像素化 ===============
受美国肖像画家查克·克洛斯(Chuck Close)的启发,此脚本使用 HTML5 画布元素将图像转换为像素化版本。本质上,这是一个简单的示例,用于演示画布的 imageData 功能。
每组选项都是一个表示重新渲染原始图像的对象。第一组选项 { resolution: 24 } 指示脚本每 24 个实际像素渲染一个大的正方形像素。脚本使用大正方形像素中心的单个实际像素的精确颜色值。
第二组选项使用了所有可用的参数: { shape: 'circle', resolution: 24, size: 16, offset: 12, alpha: 0.5 } 和第一组一样,分辨率为 24 像素。像素的形状将是圆形。每个圆的大小为 16 像素(每个圆的半径为 8 像素)。圆形将在两个方向上向下和向右移动 12 像素。最后,所有圆形的透明度均为 0.5,即 50%。
resolution : 渲染像素之间的像素间距。 必需。暂无开放 Issues,或尚未同步最近议题。