deblan-mirror/24eme-signaturepdf
1
0
Fork 0
mirror of https://github.com/24eme/signaturepdf synced 2026-03-14 13:55:44 +01:00
Code Activity

toolbox: opti + bon positionnement horizontal

Browse source
This commit is contained in:
Gabriel Poma 2025-07-03 12:01:15 +02:00
commit d2a96c1dba
1 changed files with 13 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

19
public/js/signature.js
View file

@ -1331,16 +1331,23 @@ const toolBox = (function () {
const container = document.getElementById('container-pages')
container.appendChild(_elToolbox)
const xCoords = _elSelected.getCoords().map((c) => c.x)
const yCoords = _elSelected.getCoords().map((c) => c.y)
_elToolbox.style.left = (
_elSelected.getBoundingRect().left
+ _elSelected.getScaledWidth() / 2
- _elToolbox.offsetWidth / 2
+ +window.getComputedStyle(_elToolbox).getPropertyValue("margin-left").replace('px', '')
Math.min(...xCoords) // on sélectionne le coin le plus à gauche
+ _elSelected.canvas._offset.left // décalage du canvas dans le viewport
+ (
Math.max(...xCoords) // on sélectionne le coin le plus à droite
- Math.min(...xCoords) // on sélectionne le coin le plus à gauche
) / 2 // pour calculer la largeur et avoir le centre
- _elToolbox.offsetWidth / 2 // centre de la toolbox
- +window.getComputedStyle(_elToolbox).getPropertyValue("margin-left").replace('px', '')
) + 'px'
_elToolbox.style.top = (
Math.max(..._elSelected.getCoords().map((c) => c.y)) // on sélectionne le coin le plus bas
Math.max(...yCoords) // on sélectionne le coin le plus bas
+ _elSelected.canvas._offset.top // hauteur du canvas dans le viewport
+ container.scrollTop // haut du container
+ container.scrollTop // haut du container
) + 'px'
}