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

时间:2013-01-04 00:09:59

标签: javascript canvas svg canvg

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

这就是我渲染svgs的方式:

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

现在,我想在一些条件下制作我已经渲染的那些/一些(选定的)svgs。我一直无法工作,你们有什么想法吗?

谢谢!

1 个答案:

答案 0 :(得分:1)

我认为你没有内置函数,如果你有id,为什么不设置canvas元素的display属性

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";
}