This project is part of the @thi.ng/umbrella monorepo.

• About
  • Status
  • Related packages
• Installation
• Dependencies
• Usage examples
• API
• Authors
• License

@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-canvas

// ES module
<script type="module" src="https://unpkg.com/@thi.ng/rdom-canvas?module" crossorigin></script>

// UMD
<script src="https://unpkg.com/@thi.ng/rdom-canvas/lib/index.umd.js" crossorigin></script>

Package sizes (gzipped, pre-treeshake): ESM: 584 bytes / CJS: 656 bytes / UMD: 783 bytes

• @thi.ng/adapt-dpi
• @thi.ng/api
• @thi.ng/checks
• @thi.ng/hiccup-canvas
• @thi.ng/rdom
• @thi.ng/rstream
• @thi.ng/transducers
• tslib

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

Generated API docs

TODO

Karsten Schmidt

© 2020 Karsten Schmidt // Apache Software License 2.0