J'essaie de générer un arrière-plan dynamique de page Web en utilisant des lignes et du texte.
Jetez un coup d'œil à ma démo sur http://74er.net/labs/lines.html (concentrez-vous sur la ligne jaune).
C'est une méthode boiteuse et inefficace en créant littéralement une <span> élément de taille 1 X 1 sur fond jaune dont la position X,Y est basée sur une formule elliptique.
Mes exigences en matière de création de lignes sont assez simples (ou plutôt directes) :
- doit être créée côté client et non une image dynamique générée par les scripts du serveur.
- peuvent être créés sur la base d'une formule simple (cercle, ellipse ou simple ligne droite)
- peut être contenue dans un élément DOM (par exemple DIV afin de pouvoir la superposer comme arrière-plan)
- Pas de technique de canevas HTML5 (simplement parce qu'elle devrait être rendue sur des navigateurs non conformes à HTML5)
- Pas trop exigeant pour le navigateur comme ma mise en œuvre actuelle.
Il n'y en a pas besoin :
- des courbes vraiment douces (même si cela sera bienvenu)
- en pointillés/en pointillés (j'aime bien cela aussi si c'est possible)
Sur la base de ce qui précède, je suis presque certain que SVG (avec Raphaël ) est la voie à suivre MAIS je suis rebuté par le manque de support natif de SVG dans certains navigateurs.
J'ai regardé Bibliothèque Walter Zorns et il intègre d'excellents algorithmes d'optimisation des performances. Ce sera donc mon choix si je ne trouve pas d'implémentation plus créative.
Faites-moi savoir si vous avez besoin de plus de précisions.
