elm-canvas

用 Elm 纯函数式语法轻松绘制 Canvas 图形,告别命令式代码

elm-canvas 是一个专为 Elm 语言设计的画布绘图库。它解决了 Elm 开发者无法方便地使用 HTML5 Canvas 进行图形绘制的问题,将命令式的 Canvas API 封装为 Elm 风格的函数式接口。该库提供了一组纯函数来创建和组合绘图指令,支持绘制基本形状、路径、文本、图像等,并允许设置样式如颜色、线宽、渐变等。通过 Elm 的架构,开发者可以声明式地描述画布内容,并随着模型变化自动重绘。它支持响应式尺寸和像素比适配,适合构建图表、游戏、可视化等需要自定义绘制的应用。核心能力包括:完整的绘图指令集、与 Elm 的 Html 和 Svg 模块无缝集成、支持动画帧循环、以及通过端口与 JavaScript 交互的扩展点。项目处于早期阶段,但 API 设计简洁,文档齐全,是 Elm 生态中少有的专注于 Canvas 的解决方案。

开源 free 设计创意
访问官网 ↗ GitHub ↗ 文档 ↗
GitHub 星标 ★ 168
维护状态 低维护
是否开源 是
定价模式 free

项目数据

分类设计创意
开发团队joakin
所属国家
定价模式free
价格说明开源库,完全免费,无付费版本。
访问状态
是否开源是
开源协议BSD-3-Clause
主要语言Elm
技术栈/模型canvas,custom-elements,elm,elm-lang,generative-art,web-components
GitHub 星标★ 168
30天Star增速
HF 下载量
上线时间2018-07-30 00:00:00
最近更新2026-09-24 00:00:00
维护状态低维护
中文支持
访问方式
移动端支持
综合评分
收录时间2026-08-09
浏览次数5

使用教程

核心亮点

  • 纯 Elm 实现,无 JavaScript 依赖,类型安全,编译期捕获绘图错误
  • API 设计符合 Elm 哲学,支持函数组合和管道操作,代码简洁可读
  • 内置动画帧支持,方便创建流畅的交互式可视化

不足之处

  • 项目处于早期阶段,功能覆盖不如成熟库全面
  • 文档/社区待观察

适用场景

  • 在 Elm 项目中绘制自定义图表和数据可视化
  • 开发基于 Canvas 的 2D 小游戏或动画
  • 构建需要精细控制绘图效果的创意工具或编辑器

替代项目

elm-2d、elm-plot、elm-charts

项目介绍

elm-canvas 是设计创意领域的开源项目,由 joakin 开发,2018 年首次发布。

它收录于设计创意分类,该分类目前共有 163 个项目,GitHub 星标数为 168。

项目已超过三个月没有代码更新,维护节奏明显放缓,最近一次代码更新于 2026-09-24。开源库,完全免费,无付费版本。

它主要面向的使用场景是:在Elm项目中绘制自定义图表和数据可视化。同类可对比的替代方案包括 elm-2d、elm-plot、elm-charts。

上一篇:there-are-stars

下一篇:AnimatedPythonPatterns

同类项目推荐

open-design 开源

让 AI 代工做界面,本地跑完随手改

Best DeepSeek Harness Design Plugin. The open-source Claude Design alternative. ️ L···

★ 97629 2026-08-09
Excalidraw 开源

开源虚拟白板协作工具

Virtual whiteboard for sketching hand-drawn like diagrams

★ 132673 2026-08-19
morph 开源

用数据直接生成设计、动画和交互可视化

Morph is a free and open-source tool for creating designs, animations or interactive···

★ 126 2026-08-09
ChatGPT-MidJourney-prompt 开源

输入一句话,AI帮你生成Midjourney完整提示词

This is a ChatGPT based prompt generation model for MidJorney. The purpose of this m···

★ 343 2026-08-09