De manière générale - est-il possible de dessiner avec javascript deux lignes diagonales à l'intérieur d'un div spécifique sur un site Web? Il devrait essentiellement ressembler à une image d'espace réservé ... par ex. http://wightwildflowers.com/assets/images/placeholder.pngdessiner des diagonales dans chaque div de classe spécifique?
Je suis juste curieux. Si c'est possible, comment cela se ferait-il?
Est-il raisonnable d'ajouter dynamiquement et de dimensionner l'image de substitution que vous venez de montrer? Cela pourrait être votre meilleur pari.
Vous pouvez également essayer de travailler avec l'élément canvas.
Vous pouvez ajouter des tags pour chaque div spécifique avec la taille correcte à votre DOM et de lier l'image. Ce sera un peu déformé.
OTO vous pouvez aussi créer une toile sur chaque div et tracer les lignes là.
Il n'existe pas de bonne méthode native pour ce faire. la seule solution javascript pure est de construire un tableau 2d de certains éléments html (cellules de table ou divs ou autre) et les traiter comme des pixels, en colorant des cellules spécifiques.
fournir/générer une image est probablement une bonne alternative.
l'option suivante est d'utiliser quelque chose comme raphaeljs pour générer des images vectorielles pris en charge du navigateur. Cela devrait fonctionner de manière assez fiable, mais ajoute beaucoup de poids à votre page pour dessiner deux lignes.
