html5 캔버스 요소가 사라집니다.

Question

나는 div에 jQuery를 사용하여 넣은 <canvas> 요소가 있습니다. 그 캔버스에 그린 선은 매우 빠르게 사라지고 사라집니다.

$('#solutionDiv') div 안에 텍스트를 삽입하면 페이지가로드 될 때 표시되고 캔버스가 페이지를 덮으면 (잠깐) 캔버스가 사라지면 다시 나타납니다. 이것은 FireFox와 Chrome에서 발생합니다. tigra_slider_control이라는 슬라이더에 라이브러리를 사용하고 있습니다. 그게 문제라고 생각하지 않지만, 그렇다고해도 과언이 아닙니다.

var solnCanvas=document.createElement('canvas'); // should be accessible through $('#solutionDiv > canvas') 
solnCanvas.width = 480; 
solnCanvas.height = 480; 
var solnContext=solnCanvas.getContext('2d'); 
solnContext.strokeStyle = '#00f'; // blue lines 
solnContext.lineWidth = 4; 
solnContext.moveTo(50,16); 
solnContext.lineTo(50,5); 
solnContext.lineTo(5,5); 
solnContext.stroke(); 
$('#solutionDiv').append(solnCanvas); 

해당 사업부는 다음과 같습니다

<div id="solutionDiv" style="width:580px;height:500px;" class="boxy">    
     Now you see it ... <br /> 
     Now you don't 
    </div> 

나는이 사업부에 텍스트를 필요로 (또는 원하는)하지 않습니다. 이것은 단지 실험을위한 것입니다 ... 어떤 도움을 많이 주시면 감사하겠습니다.

Answer 1

내 자신의 질문에 대한 대망의 답변입니다. 그것은 div와 캔버스를 동적으로 추가한다는 사실과 관련이있는 것 같습니다. 내가 div와 캔버스를 html에 처음 추가했을 때, 캔버스는 그대로있었습니다. 이것은 정확히 하나의 해결책이 아닙니다. 나중에 캔버스를 추가하는 대신 방금 보았습니다.

Answer 2

div의 텍스트가 필요하지 않거나 원하는 경우 take the text out of the div입니다.