我有一个 <canvas>
我使用 jQuery 放入 div 中的元素。我在 Canvas 上画的线条出现很快又消失了。
当我将文本放入 $('#solutionDiv')
时div,它在页面加载时出现,然后被我的 Canvas (短暂地)覆盖,然后在 Canvas 消失时重新出现。这发生在 FireFox 和 Chrome 中。我正在使用一个名为 tigra_slider_control
的 slider 库.我认为这不是问题所在,但也可能是。
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是:
<div id="solutionDiv" style="width:580px;height:500px;" class="boxy">
Now you see it ... <br />
Now you don't
</div>
我不需要(或不想要)此 div 中的文本。这只是为了试验...任何帮助将不胜感激。
最佳答案
所以,这是我对自己的问题期待已久的答案。这似乎与我动态添加 div 和 Canvas 有关。当我一开始在 html 中添加 div 和 Canvas 时, Canvas 保持不变。这不完全是一种解决方案——更像是一种变通方法。我没有在以后添加 Canvas ,而是让它可见。
关于javascript - html5 Canvas 元素消失,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11248361/