1

我有一个<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 中的文本。这只是为了试验......任何帮助将不胜感激。

4

2 回答 2

2

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

于 2012-09-09T16:52:09.690 回答
0

如果您不需要（或不想要） 中的文本div，请将文本从div.

于 2012-06-28T16:18:07.230 回答