2013-01-04 54 views
0

我正在使用canvg將大量svgs呈現到畫布上。我希望這些svgs基於複選框消失/顯示 - 我已將複選框位下移,並使svgs顯示。但我的問題是如何讓svgs消失?切換畫布上的可見性呈現svg

這是我如何渲染svgs:

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

現在,我要讓那些/我已經呈現一些(選擇)svgs消失的幾個條件。我一直無法做任何工作,你們有什麼想法嗎?

謝謝!

+0

聽起來像Fabric.js的顯示屬性可以派上用場 – kangax

回答

1

我不認爲你有一個內置的功能,如果你有你爲什麼不只是設置畫布元素

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

一個id我嘗試了這一點(對其他方面的讚譽......由於某種原因我沒有想到)。但是這清除了我的整個畫布。我想選擇性地(基於複選框)選擇要渲染的svg。雖然謝謝! – user1527634