百科.dev
全部条目在线工具AI 编程趋势榜开源项目技术资讯提交条目
登录
< 返回工具列表
C

close-pixelate

> 编程语言
开源

使用 <canvas> 将图像像素化,类似 Chuck Close 的风格

729 stars0 点赞0 次浏览
访问官网GitHub

工具介绍

使用 <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 : 渲染像素之间的像素间距。 必需。

close-pixelate.desandro.com

Issues· 0 开放

查看全部 Issues在 GitHub 打开

暂无开放 Issues,或尚未同步最近议题。

> 标签

JavaScript

暂无评论,来聊聊你的看法吧

> 工具信息

发布日期2026年8月1日
最后更新2026年9月17日
分类编程语言
定价开源

> 相关工具

T
TypeScript
JavaScript 的超集,为前端与全栈提供静态类型
P
Python
通用编程语言,广泛用于 Web、数据与 AI
G
Go
Google 推出的简洁高效系统语言