Variable svgConst

Интерпретирует литеральный шаблон как фрагмент SVG, который может эффективно рендериться и обновляться в контейнере.

const rect = svg`<rect width="10" height="10"></rect>`;

const myImage = html`
  <svg viewBox="0 0 10 10" xmlns="http://www.w3.org/2000/svg">
    ${rect}
  </svg>`;
Copy

Тег svg функция тега должна использоваться только для фрагментов SVG, или элементов, которые будут содержаться внутри HTML-элемента <svg>. Общая ошибка заключается в том, что <svg> элемент помещается в шаблон, отмеченный тегом svg. Элемент <svg> является HTML-элементом и должен использоваться в шаблоне, отмеченном функцией html тега.

В использовании LitElement это недопустимо возвращать фрагмент SVG из метода render(), так как фрагмент SVG будет содержаться в теневом корне элемента и, следовательно, не будет правильно содержаться в HTML-элементе <svg>.