Superposition de la toile HTML5 sur l'image
Je veux avoir une image de ce qui est téléchargé à partir de ma base de données et sur le sommet de la même taille dans la même position est un HTML5 canvas.
La plupart des solutions que j'ai trouvé j'ai été en utilisant JQuery/JavaScript, mais je veux une solution similaire, si possible, seulement à l'aide de CSS3, car les images sont en cours de sortie à partir d'une base de données et il peut y avoir plus d'une image sur la page et de chaque image aura une toile.
Comment puis-je y parvenir?
source d'informationauteur Colin747
Vous devez vous connecter pour publier un commentaire.
Oui.
Vous pouvez le faire entièrement en CSS, mais vous devrez ajouter un peu de code HTML spécifique de la plomberie pour chaque image.
Si jamais vous êtes fatigués de l'extra plomberie, javascript peut faire de plus de la plomberie pour vous.
Ici est un Violon de la CSS version:
http://jsfiddle.net/m1erickson/g3sTL/
Le code HTML:
Bien sûr, dans votre version, vous devez remplacer l'image src avec votre base de données dynamique appel pour aller chercher l'image.
Le CSS:
Double Possible.
En fonction du nombre d'images dans la base de données, vous pourriez avoir une autre toile id pour chaque, avec le nom du fichier image (par exemple,
canvas #foo { background:url(foo.jpg) }
). Je voudrais le charger dans une autre feuille de style. 🙂Il serait probablement plus facile de maintenir une solution d'activer Javascript mais si votre base de données est dynamique. Quelques lignes de javascript serait suffisante, au lieu de constamment mettre à jour une feuille de style avec de nouveaux noms. Moins de
erreurfaute de frappe sur le ventre comme bien.