【问题标题】:Toggle visibility on canvas rendered svg切换画布渲染 svg 上的可见性
【发布时间】:2013-01-04 00:09:59
【问题描述】:

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

这就是我渲染 svg 的方式:

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

现在,我想让我渲染的那些/一些(选定的)svg 在某些情况下消失。我一直无法让任何工作,你们有什么想法吗?

谢谢!

【问题讨论】:

  • 听起来像 Fabric.js 可能会派上用场

标签: javascript canvas svg canvg


【解决方案1】:

我不认为你有一个内置函数,如果你有一个 id 为什么不设置画布元素的显示属性

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

【讨论】:

  • 我试过这个(对 else 的赞誉......由于某种原因我没有想到)。但这清除了我的整个画布。我想有选择地(基于复选框)选择要渲染的 svg。不过谢谢!
猜你喜欢
  • 1970-01-01
  • 2014-06-08
  • 1970-01-01
  • 1970-01-01
  • 2017-04-26
  • 1970-01-01
  • 2012-10-06
  • 1970-01-01
  • 2017-12-04
相关资源
最近更新 更多