Я разработал это веб-приложение, которое использует технологию Microsoft Seadragon.
В верхней части окна просмотра Seadragon пользователь может рисовать измерения и аннотации. Эти аннотации нарисованы на холсте поверх Seadragon.
Чтобы иметь возможность редактировать аннотацию, мое приложение должно быть в режиме «Редактировать аннотацию». Что делает этот режим, он просто удаляет события указателя в стиле CSS: none; из аннотации холста. Когда этот режим выключен, я возвращаю указатель-события: нет; на холст аннотации, чтобы область просмотра Seadragon могла получать события мыши.
Проблема, с которой я столкнулся, заключается в том, что свойство pointer-events не поддерживается IExplorer и Opera. Поскольку холст с аннотацией рисуется поверх видового экрана Seadragon, в IExplorer9 и Opera я НИКОГДА не могу иметь событие мыши для достижения видового экрана Seadragon.
Я попытался передать событие mouseement элементу DOM, который использовался для создания окна просмотра Seadragon, но, похоже, он не работает.
$ ('# annotationCanvas'). Mousedown (function () {$ ('# seadragonVP'). Trigger ('mousedown');});
Но это не работает ...
Может ли кто-нибудь помочь мне с тем, как:
- Либо передать событие мыши элементам, находящимся под другим элементом
- или для прямого вызова событий мыши из Seadragon
Приложение можно посмотреть по адресу: http://fibics.interplex.ca
Спасибо!