JavaScript 模板文字插值 rgba() 值

编程问答 2022-05-23

问题描述

我有一个功能：

let drawCircle = (str_ID,cx,cy,r,svgfill,stroke) => {
    let drawing1 = document.getElementById(str_ID);
    drawing1.innerHTML = 
    `<svg height=${svgWidth} width=${svgHeight} viewBox='0,100,100'>
        <circle cx=${cx} cy=${cy} r=${r} fill=${svgfill} stroke=${stroke} />
    </svg>`;
    console.log(drawing1.innerHTML)
};

当我使用以下变量调用它时：

let cx = 50;
let cy = 50;
let radius = 40;
let svgFill = 'rgba(100,200,250,1.0)';
let svgstroke = `#D00000`;

drawCircle('1_svgcirclediv',radius,svgFill,svgstroke)

这是函数的计算结果（记录到控制台）：

<svg height="250" width="250" viewBox="0,100">
        <circle cx="50" cy="50" r="40" fill="rgba(100," 200,="" 250,="" 1.0)="" stroke="#D00000"></circle>
    </svg>

注意 rgba 值有多么混乱？这是怎么回事？

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

interpolationjavascriptliteralstemplates