Я хочу создать интерактивный объект в теге с помощью javascript / jQuery.

Это явно не работает.

var cow = new Object();
cow = ctx.drawImage(tile,cursorH,cursorV);

$(cow).click{function(){
        alert('You clicked a cow!');
});
1
Vincent 1 Сен 2010 в 21:37

2 ответа

Лучший ответ

Решение простое, но требует некоторой подготовки. Во-первых, вам нужно отслеживать «объекты», которые вы рисуете на холсте. Возможно, создайте свой собственный класс объектов, который отслеживает положение и размер. Во-вторых, вы переопределяете событие onclick для холста и выполняете проверку попадания для всех ваших видимых объектов. Были нажаты те, которые находятся под курсором во время щелчка.

1
Sparafusile 1 Сен 2010 в 17:59

Я не думаю, что вы можете сделать это «прямо из коробки». Ознакомьтесь с Fabric.js ( demo), однако я считаю, что он поддерживает отрисовку выбираемых объектов в холст.

1
Cristian Sanchez 1 Сен 2010 в 17:42