Как сделать SVG фон для div посредством JavaScript

176
10 марта 2018, 21:03

Есть div. 

<div id="myDiv1">...</div>

Есть JavaScript функция которая генерирует SVG.

function GenerateSVG() {
   ...
   return SVGtext;
}

Мне нужно результирующий SVG код прописать фоном этого div.

Как это можно сделать?

Answer 1

Самый простой способ:

#myDiv1 { 
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10"><rect width="10" height="10" fill="red"/></svg>'); 
  width: 100%; 
  background-repeat: no-repeat; 
  background-position: 50% 50%; 
}
<div id="myDiv1">Lorem Ipsum Dolor Sit Amet Ist</div>

READ ALSO
JavaScript тесты
javascript

JavaScript тесты

У меня есть код теста, и я хочу, чтобы если в тесте набралось не более 10%, то мне выводилось "плохо", а если другие результаты, то уже другие ответы

 211
Спарсить значение html в массив / объект
javascript

Спарсить значение html в массив / объект

На странице есть элемент <span class="companies-rating__spec-name">, я в цикле хочу получить текст внутри этих элементовНаписал следующий код:

 185
Рисовать символы рекурсией
javascript

Рисовать символы рекурсией

Хочу добавить еще один параметр, скажем "m", чтоб при drStRec("*", 5, 10) получилось 5 строк с 10 звездамиЕсли можно, с объяснением, как это сделали, чтоб...

 190
Удаление изображения из массива формы
javascript

Удаление изображения из массива формы

Есть код, который выводит изображения, которые были добавлены в <input> и там есть кнопка удаления изображения, но у меня никак не получается...

 186