Question

我有一个<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中的文字。这只是为了试验......任何帮助都会非常感激。

Answer 1

所以，这是我期待已久的回答我自己的问题。它似乎与我动态添加div和画布这一事实有关。当我在一开始就在html中添加div和画布时，画布保持不变。这不是一个完全解决方案 - 更多的解决方法。我不是稍后添加画布，而是让它可见。

Answer 2

如果您不需要（或想要）div，take the text out of the div中的文字。

html5 canvas元素消失了

2 个答案: