This project is part of the @thi.ng/umbrella monorepo.
@thi.ng/rdom component wrapper for @thi.ng/hiccup-canvas and declarative canvas drawing.
ALPHA - bleeding edge / work-in-progress
Search or submit any issues for this package
- @thi.ng/hiccup-canvas - Hiccup shape tree renderer for vanilla Canvas 2D contexts
- @thi.ng/hiccup-svg - SVG element functions for @thi.ng/hiccup & @thi.ng/hdom
- @thi.ng/geom - Functional, polymorphic API for 2D geometry types & SVG generation
- @thi.ng/scenegraph - Extensible 2D/3D scene graph with @thi.ng/hiccup-canvas support
yarn add @thi.ng/rdom-canvasES module import:
<script type="module" src="https://cdn.skypack.dev/@thi.ng/rdom-canvas"></script>For Node.js REPL:
# with flag only for < v16
node --experimental-repl-await
> const rdomCanvas = await import("@thi.ng/rdom-canvas");
Package sizes (gzipped, pre-treeshake): ESM: 743 bytes
- @thi.ng/adapt-dpi
- @thi.ng/api
- @thi.ng/associative
- @thi.ng/checks
- @thi.ng/hiccup-canvas
- @thi.ng/rdom
- @thi.ng/rstream
- @thi.ng/transducers
Several demos in this repo's /examples directory are using this package.
A selection:
| Screenshot | Description | Live demo | Source |
|---|---|---|---|
 |
Interactive visualization of closest points on ellipses | Demo | Source |
 |
rdom & hiccup-canvas interop test | Demo | Source |
TODO
Karsten Schmidt
If this project contributes to an academic publication, please cite it as:
@misc{thing-rdom-canvas,
title = "@thi.ng/rdom-canvas",
author = "Karsten Schmidt",
note = "https://thi.ng/rdom-canvas",
year = 2020
}© 2020 - 2021 Karsten Schmidt // Apache Software License 2.0