SVG Mesh Polyfill

Last updated 15 January 2017


SVG Meshes allow real life shadings. They are supported by the latest version of Inkscape (0.92). Until browsers have implemented meshes natively, one can use a JavaScript polyfill to render them.

Just before the closing tag in your file:

and include the file mesh.js in the same directory as your file.

Note that mesh.js is a work in progress written by a novice at Javascript. It has some limitations:

Mesh rendering, of course, would be much better handled natively in browsers. Let them know if you want native rendering!

Inline SVG

2x2 Mesh

Conical Mesh

Stand-alone SVG

Additional Test SVG

Obligatory PNG for social media that doesn't support SVG's (I'm looking at you G+).