watercolor-canvas 是图像领域的开源项目，由 rolyatmax 开发，2017 年首次发布。
它收录于图像分类，该分类目前共有 837 个项目，GitHub 星标数为 124。
项目已超过三个月没有代码更新，维护节奏明显放缓，最近一次代码更新于 2026-09-20。MIT许可证，完全免费，可自行部署使用。
它主要面向的使用场景是：网页端生成水彩风格背景或装饰画。同类可对比的替代方案包括 paper.js、p5.js、rough.js。
watercolor-canvas
几行代码在网页上画出自然晕染的水彩画
watercolor-canvas 是一个用 JavaScript 实现的生成水彩风格画作的 Canvas 库。它解决的是在网页上模拟真实水彩颜料晕染、扩散和叠加效果的问题，让开发者无需依赖复杂的图像处理算法，就能通过简单的 API 调用，在画布上生成具有自然水彩质感的纹理和色彩过渡。其核心能力包括模拟颜料在纸上的湿润扩散、颜色混合、边缘羽化以及纸张纹理叠加，从而产生类似真实水彩画的随机性和艺术感。项目基于原生 Canvas API，轻量易用，适合用于创意编程、艺术生成、网页背景设计等场景。
开源
free
设计创意
GitHub 星标
★ 124
维护状态
低维护
是否开源
是
定价模式
free
项目数据
分类设计创意
开发团队rolyatmax
所属国家
定价模式free
价格说明开源项目，MIT许可证，完全免费，可自行部署使用。
访问状态
是否开源是
开源协议MIT
主要语言JavaScript
技术栈/模型canvas,creative-coding,generative-art,watercolor
GitHub 星标★ 124
30天Star增速
HF 下载量
上线时间2017-05-01 00:00:00
最近更新2026-09-20 00:00:00
维护状态低维护
中文支持
访问方式
移动端支持
综合评分
收录时间2026-08-09
浏览次数7
使用教程
核心亮点
- 基于原生 Canvas，无外部依赖，集成简单
- 模拟了水彩的湿润扩散和颜色混合，效果逼真
- API 简洁，快速上手生成艺术画作
不足之处
- 文档/社区待观察
- 项目早期，功能覆盖和稳定性可能有限
适用场景
- 网页端生成水彩风格背景或装饰画
- 创意编程和艺术互动装置
- 快速生成水彩风格素材用于设计
替代项目
paper.js、p5.js、rough.js
项目介绍
上一篇：AdaIN-style
下一篇：fracture
同类项目推荐
satori
开源
网页代码一键变高清图，放大不糊，不用截图
Enlightened library to convert HTML and CSS to SVG
C2GAN
开源
用关键点精准控制图像生成，让AI画出你想要的结构
[ACM MM 2019 Oral] Cycle In Cycle Generative Adversarial Networks for Keypoint-Guide···
stable-diffusion-webui
开源
打开网页说想法，配图素材几秒到手
Stable Diffusion web UI
ComfyUI
开源
像搭积木一样连节点，生图流程自己搭
The most powerful and modular diffusion model GUI, api and backend with a graph/node···