1

openseadragon でコード化されたビューアーがあります。ズームインズームアウトホームと回転機能があります。また、このビューアーにカスタム透明キャンバスを追加して、その画像にいくつかの図形を描画します。それらは正常に動作しますが、その写真をドラッグすることはできません。また、これらのマルチ キャンバスでその写真の div 座標を取得することもできません。

このマルチ キャンバスでマウス移動またはクリック アンド ドラッグ イベントに到達するにはどうすればよいでしょうか。

助けてくれてありがとう。

ここにコード例：

<div class="container">
<div class="area">

    <div id="viewerImage1"
         class="openseadragon">
        <script type="text/javascript">
            var meta = null;
            var viewer = OpenSeadragon({
                id: "viewerImage1",
                prefixUrl: "/openseadragon/images/",
                tileSources: {
                    type: 'image',
                    url: '/openseadragon/images/example-images/sample.jpg'
                }
            });         
        </script>
    </div>
    <canvas id="canvasDrawArea01" class="canvas" width="300" height="250" style="cursor: move;"></canvas>
    <canvas id="canvasDrawArea02" class="canvas" width="300" height="250" style="cursor: move;"></canvas>

</div>
</div>
4

1 に答える 1

0

キャンバス オーバーレイ プラグインを試すことをお勧めします。

https://github.com/altert/OpenSeadragonCanvasOverlay

…これらの問題に役立つはずです。それがどうなるか教えてください！

于 2016-06-13T22:31:38.987 に答える