Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/svg/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
创建javascript动态svg_Javascript_Svg - Fatal编程技术网
Fatal编程技术网

创建javascript动态svg

javascript svg

创建javascript动态svg,javascript,svg,Javascript,Svg,我尝试使用javascipt创建动态svg 我的结果是 <svg xmlns='http://www.w3.org/2000/svg' viewBox='5279 1710 12.125 12.125'> <g transform='translate(4311 1165)'> <path fill='#fffff' d='M346.045,76.5a5.632,5.632,0,0,0,0,8.245,6.143,6.143,0,0,0

我尝试使用javascipt创建动态svg

我的结果是

<svg xmlns='http://www.w3.org/2000/svg' viewBox='5279 1710 12.125 12.125'> 
    <g  transform='translate(4311 1165)'>
        <path  fill='#fffff' d='M346.045,76.5a5.632,5.632,0,0,0,0,8.245,6.143,6.143,0,0,0,1.6-4.122A6' transform='translate(632.48 470.439)'/> 
    </g>
</svg>
您出错的地方是，您正在向svg添加“d”属性，而不是创建路径和g，请尝试以下操作

（函数（）{
var element=document.createElements（'http://www.w3.org/2000/svg'、'svg'）；
setAttribute（'viewBox'，'5279 1710 12.125 12.125'）；
var g=document.createElements（'http://www.w3.org/2000/svg","g",；
g、 setAttribute（'transform'，'translate（4311 1165）'）；
var path=document.createElements（'http://www.w3.org/2000/svg","路径",；
setAttribute（'fill'，'#000000'）；
setAttribute（'d'，'M346.045,76.5a5.632,5.632,0,0,0,8.245,6.143,6.143,0,0,1.6-4.122A6'）；
setAttribute（'transform'，'translate（632.48 470.439））；
g、 附加子对象（路径）；
元素。子元素（g）；
document.querySelector（'body'）.appendChild（元素）；

})();