Y a-t-il un moyen pour moi d'obtenir la position absolue d'un élément DIV dans un élément HTML5 Canvas? Toute aide est grandement appréciée.Comment obtenir des coordonnées DIV dans HTML5 Canvas?
Répondre
noVNC (HTML5 client VNC) a des routines qui peuvent déterminer:
- la position réelle d'un élément DOM sur une page: getPosition
- le décalage dans cet élément DOM où un clic de souris est arrivé: getEventPosition
Ils doivent être assez inter-navigateur.
Vous pouvez les utiliser comme référence et qui pourraient aider à votre problème: http://github.com/kanaka/noVNC/blob/master/include/util.js#L121
Disclaimer: Je fait noVNC.
+1 noVNC est génial. Merci d'avoir partagé votre travail. continue à bascule. –
Merci, ces routines m'ont sauvé beaucoup de maux de tête. – janesconference
- 1. Les coordonnées de canvas HTML5 donnent des angles étranges
- 2. HTML5 Large canvas
- 3. HTML5 Canvas Color Text
- 4. HTML5 Canvas: globalCompositeOperation (gomme)
- 5. HTML5 - canvas createLinearGradient vertical
- 6. HTML5 Canvas dessin lignes multicolores
- 7. HTML5: dragover(), drop(): comment obtenir les coordonnées x, y actuelles?
- 8. Implémentation de calques dans HTML5 Canvas
- 9. Ajouter collision à HTML5 Canvas
- 10. Comment puis-je utiliser des polices personnalisées dans un élément HTML5 Canvas?
- 11. La rotation de div contenant des elemets html5 (par exemple SVG, canvas) dans ie9 n'affiche pas div correctement
- 12. HTML5 Canvas: dégradés et strokeStyle m'ont confondu
- 13. UIWebView w/HTML5 Canvas & Retina Display
- 14. Comment définir le focus sur l'élément canvas HTML5?
- 15. Mojo.Event.tap - comment obtenir des coordonnées de prise?
- 16. JQuery aléatoire Effet utilisant Html5 [Canvas + CSS + JS]
- 17. Comment ajouter une fonctionnalité d'annulation à HTML5 Canvas?
- 18. Bug dans l'application html5 canvas drawimage() de l'iPad?
- 19. Comment implémenter les lignes sineWaveTo squareWaveTo et sawWaveTo dans le contexte 2d html5 canvas?
- 20. Puis-je obtenir les coordonnées d'un div avec JQuery?
- 21. Comment puis-je obtenir des coordonnées tactiles dans cocos2d?
- 22. Comment obtenir les coordonnées des coins d'une image dans matlab
- 23. comment obtenir les coordonnées UIImageView?
- 24. Android obtenir des coordonnées GEO actuelles
- 25. HTML5 Canvas: détection de collision de souris et de polygones
- 26. Obtenir dynamiquement des données pour HTML5 Graphique
- 27. Mise à l'échelle de canvas html5 sans spécifier les dimensions
- 28. HTML5 Canvas API sur un 1bit par pixel CanvasRenderingContext?
- 29. Comment faire des vérifications correctes pour dessiner sur du canvas HTML5?
- 30. Elément point map pour l'élément de canvas html5, besoin d'algorithme
Pouvez-vous clarifier? Il ne devrait pas y avoir de divs imbriqués à l'intérieur d'un élément Canvas, sauf si vous voulez dire qu'un div montré comme faisant partie du contenu de repli du Canvas ne fonctionne pas ... –