nx10
commented
3 years ago I finally got around to implement a "portable SVG" renderer which produces SVG that can directly be embedded in HTML documents without causing ID conflicts (at the expense of larger file size).
- To avoid css style precendence issues (and the need for
!important), it exclusively uses SVG attributes instead of style tags or CDATA embedded CSS. - To avoid document wide ID conflicts when directly embedding the SVG inside the HTML DOM, clipPath IDs are appended a random UUID. (It seems to be generally agreed that the fact that clip path IDs can not be scoped inside the SVG is a weakness of the SVG spec. Random UUID are, to my knowledge, the only user friendly way to ensure unique ids across plots and devices.)
The portable SVG renderer can be tested via the "Export" dialog or with something like
hgd()
hgd_test_pattern()
hgd_plot(renderer="svgp", file="portable_test.svg")in the latest GitHub development version.
Please let me know if you find any bugs or have additional feature requests.
Currently all styling information is inlined in the SVG. Add a rendering option which splits styling information in an external CSS file to allow for dynamic theming of the rendered SVGs.