Значение координат в canvas + javascript

@HERON · Регистрация: 17.05.2009

Author24 — интернет-сервис помощи студентам

Помогите с проблемой.

Есть такой код:

Javascript

var img=document.getElementById("image1");
var canvas=document.getElementById("b");
var x=canvas.getContext("2d");
x.drawImage(img,716,140);

Мне нужно с помощью js изменить положение. Например я ввожу в поле ввода координаты и картинка меняет эти координаты 716,140 на вводимые.
Спасибо за внимание.

@~~inviter19~~ · 22.05.2013, 21:00

Можно вопрос? А зачем изменять позиционирование картинки через canvas?

И не надо в каждой строке писать var. Достаточно только в первой.

@Опан · 22.05.2013, 23:24

Добавьте такой HTML-код:

HTML5

<form name=myform>
<input type=text name=x1 value=716>
<input type=text name=y1 value=140>
<input type=button value="ввести" onclick="x.drawImage(img,eval(myform.x1.value),eval(myform.y1.value))">
</form>

@kalabuni · 23.05.2013, 03:39

Сообщение от inviter19

И не надо в каждой строке писать var. Достаточно только в первой.

это как?

@~~inviter19~~ · 23.05.2013, 12:27

kalabuni, это вот так:

Javascript

var img=document.getElementById("image1");
canvas=document.getElementById("b");
x=canvas.getContext("2d");
x.drawImage(img,716,140);

@~~inviter19~~ Заблокирован
	22.05.2013, 21:00	2
	Можно вопрос? А зачем изменять позиционирование картинки через canvas? И не надо в каждой строке писать var. Достаточно только в первой. 0

@kalabuni супермизантроп 3941 / 2979 / 692 Регистрация: 18.04.2012 Сообщений: 8,625
	23.05.2013, 03:39	4
	Сообщение от inviter19 И не надо в каждой строке писать var. Достаточно только в первой. это как? 0

	23.05.2013, 12:27