Openseadragon image glisser sur plusieurs toiles

Question

Nous avons un téléspectateur avec codé sur openseadragon. Il a zoomin zoomout domicile et faire pivoter les fonctions. Nous ajoutons également une toile transparente personnalisée sur cette visionneuse pour dessiner des formes sur cette image. Ils fonctionnent très bien, mais nous ne pouvons pas faire glisser ces images et ne pouvons pas non plus obtenir les coordonnées div cette image sur ces multi-toiles.

Comment pouvons-nous atteindre le déplacement de la souris ou cliquer et faire glisser les événements sur cette toile multi.

Merci à tous pour votre aide.

code Exemple ici:

<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

Je recommande d'essayer le plugin overlay toile:

https://github.com/altert/OpenSeadragonCanvasOverlay

... il devrait aider à résoudre ces problèmes. Faites-moi savoir comment ça se passe!