Question Outil image à redimensionner

Bonjour à tous,

Je travail actuellement sur un projet et je dois réaliser une tâche dont je n'ai aucune idée de comment faire pour l'instant.

C'est pourquoi je pose la question ici en espérant que quelqu'un puisse m'éclairer !

Je vous expose le contexte :

-Je développe une web app qui permet de créer des magazines

-Un magazine peut contenir du texte, articles, photos tout ça sur 1, 2 ou 3 colonnes (ça dépend de quel format de magazine l'utilisateur créer)

La tâche que je dois réaliser est de permettre à l'utilisateur de pouvoir redimensionner les images qu'il insère dans le magazine et ainsi permettre que les images ne prennent pas toujours 100% de la colonne...

Si vous avez des pistes, idées de comment je pourrais faire ça, j'en serais ravi !

Je vous met une photo ci-dessous pour illustrer mes propos: (il faudrait dans cet image que je puisse redimensionner l'image de la biche pour qu'elle ne prenne pas forcément 100% de la colonne.



Voila j'espère avoir été le plus clair possible afin que vous puissiez m'aider.

Merci d'avance,

Julien

Bonjour,
Si j'ai bien compris votre problématique, celle-ci comporte deux points :
- d'une part l'aspect responsive d'une image, le point le moins difficile à traiter (genre max-width: 100%).
- d'autre part la possibilité pour un utilisateur de recouper une image. Dans ce cas il faudra utiliser une bibliothèque du genre imageMagick. Mais alors il faudrait l'intégrer dans une interface utilisateur, ce qui représente du boulot en perspective.

Bonjour Olivier,

Merci de votre réponse, effectivement j'ai fait quelques recherches sur internet et ça m'a l'air compliqué à réaliser. J'aurais aimé faire quelque chose dans le style d'un cms par exemple (4 points au 4 coins de l'image et que l'utilisateur puisse agrandir/rétrécir l'image selon ses besoins. J'ai donc vu qu'il existait des outils tels que ckeditor, tinymce... mais je crois que ces outils la ne s'utilisent qu'en contexte de formulaire or là ce n'est pas mon cas... Je vais regarder ce qu'est imageMagick et voir si je peux faire quelque chose avec !

Hello

Tu peux proposer à l'utilisateur un redimensionnement d'image un peu ... plus simple

comme par exemple tu peux proposer 3 ou 4 cas de taille d'image du style :

100%
75%
50%
25%

Suivant ce qu'il choisie tu prévois 4 classes qui te positionne bien l'image avec le bon pourcentage.

Salut Jencal,

Oui je pense que c'est finalement ce que je vais faire, beaucoup plus simple à réaliser...
Pareil pour l'alignement ce sera au bon vouloir de l'utilisateur entre gauche-centre-droite ^^

Merci.

Re salut,
https://konvajs.org/docs/sandbox/Image_Resize.html
Tu as ce genre là, mais pour le cote "enregistrement" je sais pas trop, il faudrait monter une usine du genre enregistrer les dimensions en base etc...

ici pour garder le ratio
https://konvajs.org/docs/select_and_transform/Keep_Ratio.html
Modifié par JENCAL (07 Sep 2020 - 15:37)

Merci bcp pour ces liens Jencal je vais y regarder de plus prêt voir si je peux l'adapter à ma situation