Поведение перетаскивания jQuery с частично прозрачным изображением - PullRequest
0 голосов
/ 22 апреля 2010

Я пытаюсь разработать режим перетаскивания на основе перетаскиваемого поведения пользовательского интерфейса jQuery, но наталкиваюсь на некоторые препятствия.Я хочу иметь возможность перетаскивать несколько изображений с прозрачными областями вокруг области экрана.Я хочу, чтобы пользователь мог перетаскивать изображение, на которое он щелкает, а не только то, что перетаскиваемый div или PNG оказываются z-проиндексированными сверху.

На изображении ниже приведен скриншот с моей тестовой страницы.Если я щелкну нижнюю левую область синего квадрата через красную вещь, я должен перетащить квадрат, а не красную вещь.Красная вещь - то, что перетаскивается, хотя, потому что это сверху, и браузер не заботится о прозрачности.У меня вопрос, как я могу заставить его вести себя так, как ожидается в этой ситуации, и вместо этого перетащить квадрат?

Редактировать: Добавлены изображения
http://i42.tinypic.com/r1g4sk.png

1 Ответ

0 голосов
/ 22 апреля 2010

Если вы разрабатываете для браузеров, которые поддерживают , вы можете попробовать

  1. Найти координаты курсора относительно самого верхнего изображения
  2. Загрузить изображение в с использованием drawImage ()
  3. Получите значение прозрачности (альфа) для пикселя с координатами

Повторяйте для каждого изображения, пока не найдете непрозрачное изображение наТочка, в которой пользователь нажал.

...