hbmuller/philately

A super easy to use rendering engine for HTML canvas. 🖼👩‍🎨

philately's Issues

Improving tooling and moving to typescript

It would be very beneficial to adopt typescript as it could simplify the validation logic in the setters very much and make the library way easier to use.
That would probably include an update in the tooling config involved. So, maybe also moving to rollup.js would make things easier to handle.

Improve documentation

The documentation could be improved by:

• Reviewing the language e clearness
• Adding live examples (maybe links to codesandbox)

Add support to use inline SVG as a layer source.

Inline SVG can easily be turned into a string and converted into a data URI. Which then can be used as and image src as mentioned here. Eg.:

const svgString = document.querySelector('.my-inline-svg').outerHTML;
const dataURI = `data:image/svg+xml;utf8,${svgString}`;
document.querySelector('.my-image').src = dataURI;

So it is probably possible to draw it to canvas as well. Adding support to have Layer accept inline SVGs as their source should be just a matter of making it abstract that over as a layer's imageSrc.