主页 / 问题 / 795757
Accepted
Дмитрий Полянин
Asked:2020-03-09 23:41:35 +0000 UTC2020-03-09 23:41:35 +0000 UTC

如何使用 JavaScript 为 div 制作 SVG 背景

  • 772

有div。

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

有一个生成 SVG 的 JavaScript 函数。

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

我需要在这个背景下编写生成的 SVG 代码div。

我怎样才能做到这一点？

javascript

1 个回答

  1. Best Answer

    最简单的方法：

    #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>

    • 5

相关问题