Рендер Макет без проектора

Question

Я хочу использовать Maquette в качестве основного языка гиперподписки. Следовательно, я не хочу использовать maquette.projector, Тем не менее, мне трудно получить какой-либо из maquette.dom функции для работы.

var h = maquette.h;
var dom = maquette.dom;
var svg = h('div.sweet', [
  h('svg', [
    h('circle', { cx: '2cm', cy: '2cm', r: '4cm', fill: 'red' }),
  ])
]);

document.addEventListener('DOMContentLoaded', function () {
  console.log(svg);
  var root = dom.create(svg).domNode;
});

<script src="//cdnjs.cloudflare.com/ajax/libs/maquette/2.4.1/maquette.min.js"></script>

Что я делаю неправильно? Почему dom.create ничего не рендеришь?

Answer 1

Приятно видеть, что вы нашли другой вариант использования без проектора. dom.create Метод только создает узлы DOM, но не добавляет их нигде в документе. Ты можешь использовать document.body.appendChild(root) или использовать dom.append(document.body, svg),