javascript - 从 Javascript 插入时 SVG 不起作用-6ren

javascript - 从 Javascript 插入时 SVG 不起作用

转载作者：行者123 更新时间：2023-11-29 23:08:07

<分区>

如果我在 SVG 中创建任何绘图，而不是将代码放在 HTML 文件中，我会从 JS 文件(使用 document.createElement('svg'))插入，svg 和它的所有笔画都以 0x0 大小呈现。

class Spinner {

  constructor(target) {

    this.target = document.getElementById(target);

    const spinner = document.createElement('svg');
    spinner.setAttribute('width', '100');
    spinner.setAttribute('height', '100');

    const spinnerPath = document.createElement('circle');
    spinnerPath.setAttribute('fill', 'red');
    spinnerPath.setAttribute('stroke', 'black');
    spinnerPath.setAttribute('stroke-width', '3');
    spinnerPath.setAttribute('cx', '50');
    spinnerPath.setAttribute('cy', '50');
    spinnerPath.setAttribute('r', '40');

    spinner.append(spinnerPath);

    this.target.append(spinner);

  }

}

new Spinner('here');

<div id="here"></div>

文章推荐： javascript - 如何让光滑的 slider 在循环中平滑过渡

文章推荐：变量中匹配字符串内的 Javascript 循环

行者123

个人简介

我是一名优秀的程序员,十分优秀！

作者热门文章

滴滴打车优惠券免费领取

全站热门文章

首页

博学

6Ren·AI

商城

javascript - 从 Javascript 插入时 SVG 不起作用