HTML5 canvas change event

AnyaRayne · May 13, 2011

Помгите получить от <canvas> change event. Пробую вот так:


<!DOCTYPE html>
<html lang="ru">
<head>
	<meta charset="utf-8">
	<title>Canvas onChange</title>
</head>
<body>
	<canvas id="c" width="500" height="375" style="border: 1px solid black;"></canvas>
	<script>
		var canvObj = document.getElementById('c');
		var canvCtx = canvObj.getContext('2d');

		function canvasChange(e) {
			alert('canvas.onChange');
		}

		canvObj.addEventListener('change', canvasChange, true);
		canvCtx.fillRect(10,10,10,10);
 	</script>
</body>
</html>

По идее этот код должен вызвать функциюю canvasChange, после отрисовки прямоугольника (fillRect), не не делает этого...

Great Rash · May 13, 2011

А канвас вообще поддерживает этот эвент?

AnyaRayne · May 13, 2011

А канвас вообще поддерживает этот эвент?

Похоже, что нет. Хотя в отладчике он присутствует в списке свойств канваса...

Edited May 13, 2011 by AnyaRayne

psywalker · May 13, 2011

Помгите получить от <canvas> change event. Пробую вот так:
<!DOCTYPE html>
<html lang="ru">
<head>
	<meta charset="utf-8">
	<title>Canvas onChange</title>
</head>
<body>
	<canvas id="c" width="500" height="375" style="border: 1px solid black;"></canvas>
	<script>
		var canvObj = document.getElementById('c');
		var canvCtx = canvObj.getContext('2d');

		function canvasChange(e) {
			alert('canvas.onChange');
		}

		canvObj.addEventListener('change', canvasChange, true);
		canvCtx.fillRect(10,10,10,10);
 	</script>
</body>
</html>
По идее этот код должен вызвать функциюю canvasChange, после отрисовки прямоугольника (fillRect), не не делает этого...

Запихивай вызов алерта тада в функцию и вызывай после загрузки.

Great Rash · May 13, 2011

Да не, походу поддержка браузерами еще не реализована.

psywalker · May 13, 2011

Да не, походу поддержка браузерами еще не реализована.

Да, видно это будущее)

AnyaRayne · May 13, 2011

Запихивай вызов алерта тада в функцию и вызывай после загрузки.

Что-то не очень понятно, что Вы имели в виду...

Мне нужно, чтобы каждый раз, как я провожу какую-нибудь манипуляцию с канвасом, вызывалась функция. И желатьльно через события реализовать, потому как натыкать вызовы функции вручную я всегда успею

Great Rash · May 13, 2011

В общем наверное надо навтыкивать вызовы

psywalker · May 13, 2011

В общем наверное надо навтыкивать вызовы

ага

AnyaRayne · May 13, 2011

В общем наверное надо навтыкивать вызовы

Да вот не хотелось бы... Код будет расширяться, и потом будет проблематично отслеживать эти вызовы...

А есть ли способ подписаться на все возможные эвенты сразу?

Edited May 13, 2011 by AnyaRayne

Great Rash · May 13, 2011

Сразу нет, а зачем? Есть возможность создавать свои события. Но метод fireEvent все равно вручную придется вызывать.

Sign In

HTML5 canvas change event

Question

Link to comment

Share on other sites

10 answers to this question

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Join the conversation

Обсуждения

Important Information