javascript - 切换画布渲染 svg 上的可见性

Question

我正在使用 canvg 将大量 svg 渲染到画布上。我希望这些 svgs 基于复选框消失/出现 - 我已经将复选框位向下以及使 svgs 出现。但我的问题是如何让 svgs 消失？

这就是我渲染 svg 的方式：

if(cb.checked){
    //loops through an svg array
    if(svg has certain conditions)
        canvg('canvas1', svgs[i]);
 }

现在，我想让我渲染的那些/一些（选定的）svg 在一些条件下消失。我一直无法让任何工作，你们有什么想法吗？

谢谢！

Answer 1

我认为您没有内置功能，如果您有 id 为什么不设置 canvas 元素的显示属性

var id = 'canvas1';
var canvId  = document.getElementById(id);
if(cb.checked){
    //loops through an svg array
        canvg(id, svgs[i]);
}
else{
   canvId.style.display = "none";
}