Bonjour,
Je souhaite générer un cadre autour d'une image à partir d'un motif en png
 
Quelles est la librairie la plus appropriée? gd? imagemagick ?
Ou possible en js avec jquery par ex
 
J'ai laissé tombé le border-image du css3 car na pas l'air de correspondre
 
Je sais déjà que je vais devoir répéter le motif pour la partie haute et basse mais je ne vois pas
comment faire pour les parties verticales: un motif vertical obligatoirement?
et les coins, comment les couper en diagonale? je dois avoir un motif aussi pour les coins?
 
Bref je sèche...
 
Merci d'avance

tas essaye en pur css avec un padding + background-image ?

J'ai commencé à essayer en ccs mais ça a pas l'air assez souple car il va falloir créer une image spéciale qui comprenne le haut et le bas.... en plus il faut des browsers récents
 
J'ai l'impression que le mieux c'est d'avoir un coin, un motif horizontal, un vertical et de les placer grâce à gd ou imagemagick?

Si ton image varie en taille et que ton cadre est autre chose qu'une couleur unie, effectivement, ca sera dur de te passer d'une lib graphique..

hello,
peux-tu modifier le titre de ton sujet ? car ça n'a rien de php au final

librairie GD en php !
D'ailleurs up
 
alors comment faire je calcule la taille de l'image puis je place les coins après rotation et je comble avec un motif vertical et horizontal?
Un exemple?
 
Merci d'avance

je parlais du titre du topic :

Ba oui moi aussi
Je cherche à générer un cadre autour d'une image à partir d'un motif en php !

up

Si la taille de tes images est fixe, tu peux utiliser une image de cadre et faire un position absolute dessus
 

<div id=myContainer style='position:relative'> 
  <img id=myImage src=... /> 
  <div id=myFrame style='position:absolute;z-index=...'></div> 
<div>

 
Si la taille de tes images est variable, c'est le même cheminement, mais en découpant un peu plus.
 
Si demain tu veux changer de design (ce qui arrive souvent en phase de dev), il te suffit juste de changer l'image du cadre, pas besoin de regénérer toutes les images.
 
Perso ça me semble plus souple.

Merci mais je souhaite faire ça en dynamique en fonction de la largeur et longueur et du motif du cadre !

http://torgar.developpez.com/artic [...] ures-css3/

Regarde en millieu de l'article

tu penses que ç'est possible
Internet explorer le gère
Je vais faire mes tests mais je me demande quelle tronche vont avoir mes coins

 
Tu me tiens au courant ca m'interesse

Ca fonctionne bien mais il faut une image type du cadre ensuite je peux le redimensionner comme je le souhaite

C'est une possibilité mais je sais qu'on peut aussi faire avec gd grâce à copyimage mais ça ne fait que des rectangles

 
Lorsque je parle de découpage, je parle bien sur de découpage CSS.
IE7+ n'auront aucun problème de CSS et gèrent les images full ou semi transparentes.
 

<div id=myContainer style='position:relative'> 
 
  <img id=myImage src=... /> 
 
 
  <div id=myFrame style='position:absolute;z-index=...'> 
 
    <div id=myFrameTopLeft style='...'> 
      <div id=myFrameTopRight style='...'></div> 
    <div> 
 
    <div id=myFrameMiddleLeft style='...'> 
      <div id=myFrameMiddleRight style='...'></div> 
    <div> 
 
    <div id=myFrameBottomLeft style='...'> 
      <div id=myFrameBottomRight style='...'></div> 
    <div> 
 
  </div> 
 
<div>

Cyberdenix :  je ne vois pas ce que tu veux dire
 
Grâce au ccs j'affiche qu'une partie de l'image (cadre ) donc ça revient à la propriété ccs3 border-image ?
Mais dans ce cas je ne vois pas comment ça va marcher si je veux modifier la taille de l'image à la volée? longueur et largeur