SVG not supported

[buckle2000]

new Moon({
	template: `<svg width="200" height="200" viewport="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
    <rect x="0" y="70" width="10" height="30"></rect>
  </svg>`,
  el: '#target'
})

This code yields nothing.
Seems like the svg namespace is not supported.

[kbrsh]

Hey! @buckle2000

SVG is partially supported in Moon v0.11.0, but had some issues. I've implemented full SVG support for v1.

[buckle2000]

Here is an example script for SVG manipulation:

var ns = 'http://www.w3.org/2000/svg'
var div = document.getElementById('drawing') 
var svg = document.createElementNS(ns, 'svg')
svg.setAttributeNS(null, 'width', '100%')
svg.setAttributeNS(null, 'height', '100%')
div.appendChild(svg)
var rect = document.createElementNS(ns, 'rect')
rect.setAttributeNS(null, 'width', 100)
rect.setAttributeNS(null, 'height', 100)
rect.setAttributeNS(null, 'fill', '#f06')
svg.appendChild(rect)

moon should use setAttributeNS. Updating SVG node attribute in DOM does nothing.

node.width = 100; // no
node.setAttributeNS(null, 'width', 100); // yes

[kbrsh]

Yup! Moon v1 has full support for SVG at the moment (check out this line), but I need to make updating attributes a bit more efficient.

[buckle2000]

I cannot find any setAttributeNS in code.

[kbrsh]

I'm still in the process of making updating attributes more efficient. If you look at other discussions in other issues, I'm also just taking a break from rewriting things for Moon v1 and am rethinking Moon's goals and making a new API from scratch.