主页 / 问题 / 1260086
Accepted
North Face
Asked:2022-03-24 17:07:33 +0000 UTC2022-03-24 17:07:33 +0000 UTC

如何在里面画一个透明的圆？

  • 772

如何在里面画一个透明的圆？

在此处输入图像描述

  <div id="contain"></div>


  var svg = document.createElement('svg');
  svg.id = id;
  svg.style.border = '1px solid;';
  svg.style.borderRadius = '50%';
  svg.style.background = 'red';
  svg.style.position = 'absolute';
  svg.setAttribute("class", "newDiv")
  svg.style.width = 20 + "px";
  svg.style.height = 20 + "px";
  svg.style.left = obj.X - 8 + 'px';
  svg.style.top = obj.Y - 8 + 'px';
  svg.innerHTML = '<circle cx="10" cy="10" r="6"></circle>'
  contain.appendChild(svg);
javascript

2 个回答

  1. Best Answer

    逐点..按顺序..创建svg并使用NS的任何实体

    负责填写：填写

    每笔划：笔划宽度

    对于描边颜色：stroke

    let svg = document.createElementNS("http://www.w3.org/2000/svg", "svg");
svg.setAttribute("width", 300);
svg.setAttribute("height", 300);
svg.setAttribute("viewBox", "0 0 240 240");
let circle = document.createElementNS("http://www.w3.org/2000/svg", "circle");
let rect = document.createElementNS("http://www.w3.org/2000/svg", "rect");
rect.setAttribute("width", "100%");
rect.setAttribute("height", "100%");
rect.setAttribute("x", "0");
rect.setAttribute("y", "0");
rect.setAttribute("fill", "blue");
circle.setAttribute("r", 100);
circle.setAttribute("cx", 120);
circle.setAttribute("cy", 120);
circle.setAttribute("stroke", "red");
circle.setAttribute("stroke-width", 10);
circle.setAttribute("fill", "transparent");
document.body.appendChild(svg);
svg.appendChild(circle);
svg.prepend(rect);

    • 3

  2. 添加行：

      svg.style.border = "3px solid #0000FF"
  svg.style.background = 'transparent';
    • 0

相关问题