При разработке сцены столкнулся со следующей проблемой:
когда я на сцену воткнул html элемент, а в него закинул следующий код:
Код: Выделить всё
<script>
alert("test");
</script>
<canvas id="smile" id="canvas"></canvas>
<script>
window.onload = function() {
var drawingCanvas = document.getElementById('smile');
if(drawingCanvas && drawingCanvas.getContext) {
var context = drawingCanvas.getContext('2d');
// Рисуем окружность
context.strokeStyle = "#000";
context.fillStyle = "#fc0";
context.beginPath();
context.arc(100,100,50,0,Math.PI*2,true);
context.closePath();
context.stroke();
context.fill();
// Рисуем левый глаз
context.fillStyle = "#fff";
context.beginPath();
context.arc(84,90,8,0,Math.PI*2,true);
context.closePath();
context.stroke();
context.fill();
// Рисуем правый глаз
context.beginPath();
context.arc(116,90,8,0,Math.PI*2,true);
context.closePath();
context.stroke();
context.fill();
// Рисуем рот
context.beginPath();
context.moveTo(70,115);
context.quadraticCurveTo(100,130,130,115);
context.quadraticCurveTo(100,150,70,115);
context.closePath();
context.stroke();
context.fill();
}
}
</script>
Отрабатывает он следующим образом:
1) сначала всплывает сообщение "test"
2) потом скрипт отрисовывает смайлик
3) потом нарисованный смайлик пропадает
4) снова возникает сообщение "test"
Вопрос: почему скрипт с alert в html элементе на сцене отрабатывает дважды? и куда девается картинка, нарисованная на canvas'е?