elm-canvas

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

开源 🏷️完全免费 🔧 仅开源项目，无在线服务，需自行部署设计创意 🍴 复刻 29 🐛 待处理 13 👀 关注 3

访问官网 ↗ GitHub ↗

GitHub 星标 ★ 168

维护状态低维护

是否开源开源

定价模式 🏷️完全免费开源库，完全免费，无付费版本。

项目预览

项目数据

分类设计创意

开发团队joakin

官网地址https://package.elm-lang.org/packages/joakin/elm-canvas/latest

GitHubhttps://github.com/joakin/elm-canvas

定价模式🏷️完全免费

价格说明开源库，完全免费，无付费版本。

访问状态🔧 仅开源项目，无在线服务，需自行部署

是否开源是

开源协议BSD-3-Clause

主要语言Elm

技术栈/模型canvas,custom-elements,elm,elm-lang,generative-art,web-components

GitHub 星标★ 168

上线时间2018-07-30 00:00:00

代码更新2022-11-21

仓库体积2.1 MB

本站数据更新2026-11-10

维护状态低维护

收录时间2026-08-09

浏览次数6

项目介绍

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