canvas и перетаскивание фотки

[rikod]

Всем привет. При нажатии на кнопку, вставляется картинка, вопрос, как можно сделать, чтобы при нажатии на эту картинку она выделялась рамкой и ее можно было перетаскивать. Вот код, при нажатии на кнопку вставляется картинка:

<canvas id="Mycanvas" width="400" height="300"></canvas> 
<script type="text/javascript">
	function ent()
	{
		var img2=new Image();  // Создаём изображение
		img2.src = 'komp.jpg';
		var canvas=document.getElementById("Mycanvas")
		var image1=canvas.getContext("2d");
		image1.drawImage(img2,280,10,90,70);
	}
</script> 
<INPUT TYPE=button VALUE="вызов окна" onClick="ent();">

Maxmaxmахimus, Спасибо.

[Maxmaxmахimus]

Пожалуйста, отформатируйте свой код!

Для этого его можно заключить в специальные теги: js/css/html и т.п., например:

[js]
... ваш код...
[/js]

О том, как вставить в сообщение исполняемый javascript и html-код, а также о дополнительных возможностях форматирования - читайте http://javascript.ru/formatting.

[melky]

При нажатии на кнопку, вставляется картинка, вопрос, как можно сделать, чтобы при нажатии на эту картинку она выделялась рамкой и ее можно было перетаскивать.

картинка в канвасе, или сам канвас?

если первое, то это будет трудновато )

[rikod]

картинка в канвасе, или сам канвас?

если первое, то это будет трудновато )

Картинку, которую вставляем.

[dmitry111]

rikod,

объясните поподробнее что вы хотите?

Из того что понял, скажу.
Чтобы картинка выделялась при наведении можно использовать :hover

Чтобы можно было перетаскивать используйте Drag n Drop

[melky]

Чтобы картинка выделялась при наведении можно использовать :hover

Чтобы можно было перетаскивать используйте Drag n Drop

картинка в канвасе ... т.е. это уже горстка пикселей, а не картинка.

[rikod]

Может лучше тогда библиотеку jquery использовать или еще что, подскажите пожалуйста, мне нужно сделать упрощенный visio, т.е.:
1) есть, например, пару кнопок, при нажатии на которую вставляется определенная картинка (картинок может быть много)
2) эти картинки можно двигать, ресайзить мышкой, удалять

[dmitriymar]

чем тебя svg или просто изображения не устраивают?

[rikod]

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

[melky]

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

тогда лучше сделать редактирование через svg, если не нужны проблемы, которые заставляют реализовывать dom внутри canvas.

я с svg ещё не работал, но там на изучение его времени нужно меньше потратить, чем на изучение canvas'а.

скриншот страницы можно сделать с помощью html2canvas - т.е. перевод получившегося svg в картинку.
http://html2canvas.hertzen.com/