1

我开发了这个使用 Microsoft Seadragon 技术的 Web 应用程序。

在 Seadragon 视口之上，用户可以绘制测量值和注释。这些注释被绘制到 Seadragon 顶部的 Canvas 中。

为了能够编辑注释，我的应用程序必须进入“编辑注释”模式。该模式的作用是简单地删除 CSS 样式 pointer-events: none; 从注释画布。当此模式关闭时，我放回了指针事件：无；到注释画布，以便 Seadragon 视口可以接收鼠标事件。

我遇到的问题是 IExplorer 和 Opera 不支持指针事件属性。由于注释画布绘制在 Seadragon 视口的顶部，在 IExplorer9 和 Opera 中，我永远无法通过鼠标事件到达 Seadragon 视口。

我通过将 mouseevent 传递给用于创建 Seadragon 视口的 DOM 元素进行了尝试，但它似乎不起作用。

$('#annotationCanvas').mousedown(function(){ $('#seadragonVP').trigger('mousedown'); });

但这不起作用...

有人可以帮助我如何：

  1. 将鼠标事件传递给另一个元素下的元素
  2. 或者直接从 Seadragon 调用鼠标事件

您可以在以下位置查看应用程序：http: //fibics.interplex.ca

谢谢！

4

0 回答 0