Openseadragon 이미지를 다중 캔버스 위로 끌기

Question

openseadragon에 코드가있는 뷰어가 있습니다. 그것은 zoomin zoomout home과 rotate 기능을 가지고 있습니다. 또한이 뷰어에 일부 사용자 정의 투명 캔버스를 추가하여 해당 그림에 모양을 그리십시오. 그들은 잘 작동하지만 우리는 그 그림을 드래그 할 수 없으며 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> 

Answer 1

내가 캔버스 오버레이 플러그인을 시도하는 것이 좋습니다

https://github.com/altert/OpenSeadragonCanvasOverlay

... 그것은 이러한 문제를 도움이 될 것입니다. 어떻게 진행되는지 알려주세요!