【【如何显示与隐藏用js对canvas画图操作的结果？？】】


<script> 
window.onload = function() { 
  FFLine2(0,0,100,100) 
}; 
function FFLine2(x1,y1,x2,y2){//firefox画线 
    var cvsObj=document.createElement("canvas"); 
document.body.appendChild(cvsObj); 
    var cvs=cvsObj.getContext("2d"); 
        
    cvsObj.style.position="absolute"; 
    cvsObj.style.visibility="visible"; 
        
    cvs.width=100; 
    cvs.height=100; 
    cvs.strokeStyle='red'; 
    cvs.lineWidth=1; 
    cvs.beginPath(); 
    cvs.moveTo(0,0); 
        cvs.lineTo(100,100); 
        cvs.closePath(); 
        cvs.stroke();    
}        
</script> 再丰富下上面的画线功能，是从A到B，B到C，C到D这样依次连线下去我有个问题，比如说我有个check按钮，选中时显示画线，未选中则不显示画线 默认情况下是有画线的，这样当页面首次载入时进行一次画线，而以后点击check按钮 只是显示与隐藏画线，而不是每次当选中的时候都进行重新画线，应该能办到吧？ ps：我搜到使用canvas.clearRect(*,*,*,*)这个好像是全部清空了吧
在点击check按钮时执行的函数怎么才能获得上面动态创建的canvas，再创建的时候setAttibute(设置ID)，然后其他地方操作这个ID，比如check按钮点击时。
请问怎么隐藏与显示（二次显示时不必重画）？？？