Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 07.05.2013, 17:56
Аватар для max0n
Аспирант
Отправить личное сообщение для max0n Посмотреть профиль Найти все сообщения от max0n
 
Регистрация: 23.05.2012
Сообщений: 44

Функция при наведении на Canvas объект
Всем доброго времени суток!

я нарисовал некое подобие кольца:
<html>
	<head>
	</head>
	<body>
		<script>
			function drawArc() {
				var canvas=document.getElementById("myCanvas");
				var c=canvas.getContext("2d");
 
				var centerX = 250;
				var centerY = 250;
				var radius= 100;
				var startingAngle = 0 * Math.PI;
				var endingAngle = 1.5 * Math.PI;
				var counterclockwise = false;
 
       		 	c.arc(centerX,centerY, radius, startingAngle, 
                endingAngle,counterclockwise);
                c.lineWidth=10;
                c.strokeStyle="#eee"; // line color
                c.stroke();
			}
		</script>
	<body onload="drawArc();">
        <canvas id="myCanvas" width="500" height="500" style="background: #ccc;"></canvas>
	</body>
</html>


Как мне сделать так, чтоб при наведении именно на это кольцо, у него ширина увеличилась в 2 раза?

И если не трудно, подскажите как нарисовать оставшуюся часть кольца как другой объект и чтоб при наведении на него, тоже менялась ширина (уже его).
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как реализовать задержку при наведении в меню? Stas-ik Элементы интерфейса 14 20.02.2014 11:21
Как узнать содержимое ссылки при наведении? if this.href.match()? Kanzaki Events/DOM/Window 10 02.09.2011 23:46
jQuery - объект или функция? jazzz13 jQuery 8 16.08.2011 04:01
Запуск события при наведении Bezlepkin Общие вопросы Javascript 1 26.01.2011 21:25
изменения рисунка при наведении курсора Kenan Bek Events/DOM/Window 24 19.12.2010 20:48