我有一个<canvas>
元素,我用jQuery把它放在div中。 我在画布上画的线条出现,然后很快消失。
当我将文本放入$('#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 是:
<div id="solutionDiv" style="width:580px;height:500px;" class="boxy">
Now you see it ... <br />
Now you don't
</div>
我不需要(或想要)这个div中的文本。 这只是为了实验... 任何帮助将不胜感激。
所以,这是我期待已久的对我自己问题的回答。 这似乎与我动态添加div 和画布的事实有关。 当我一开始在 html 中添加div 和画布时,画布保持不变。 这不完全是一个解决方案 - 更多的是一个解决方法。 我以后没有添加画布,而是让它可见。
如果您不需要(或想要)div
中的文本,请将文本从div
中删除。