Question

Y at-il une bonne alternative à la toile html5-élément à peindre des formes comme des hexagones en utilisant javascript, qui fonctionne cross-browser (y compris IE6 horribles)?

J'utilise maphighlight jQuery et jQuery pour cela, mais il ne me donne pas suffisamment de possibilités pour manipuler les formes et les couleurs après sa première rendu.

Suis-je manque quelques fonctionnalités jQuery maphighlight, ou sont-il un autre plug-in soit pour jQuery ou Mootools, qui peut me fournir ces capacités de peinture?

Était-ce utile?

La solution

Vous devriez jeter un oeil à RaphaelJS. Il est un JavaScript, bibliothèque wrapper cross-browser autour Canvas, SVG et VML (un langage de balisage vecteur IE seule qui SVG est antérieure, utilisé dans IE6). En utilisant RaphaelJS, vous pouvez générer une très large gamme de graphiques vectoriels à l'aide JS qui est compatible avec une très large gamme de navigateurs.

http://raphaeljs.com/

RaphaelJS est également très compatible avec jQuery et suit beaucoup du même appel Enchaînement que vous voyez dans jQuery. Les deux font une belle paire.

Autres conseils

Il y a aussi le célèbre peintre de la toile.

http://caimansys.com/painter/

Raphael .

  

Raphaël soutient actuellement Firefox 3.0+, Safari 3.0+, Opera 9.5+, Chrome 2.0+ et Internet Explorer 6.0+.

Je aime toujours le port prossessing à javascript. Vous pouvez constater que ici il est très bon de tirer des choses. Peut-être vous pouvez le vérifier. Ce n'est pas un addon à jquery, mais il est très puissant.

Il n'utilise l'élément Canvas HTML5 cependant: (

Quelques versions il y a seulement travaillé dans les nouveaux navigateurs. Je ne sais pas s'il a été porté déjà aux précédents.


Une autre API que j'ai trouvé qui utilise divs pour faire tirages est cette un Si vous voulez dessiner des choses limitées, il est autorisé à l'utiliser. Mais attention que lorsque le montant des tirages augmentent, la scture du HTML devient un peu lourd

Vous pouvez utiliser l'application SVG trouvés dans SDK Ample qui fonctionne dans Internet Explorer aussi. Vous obtiendrez API standard basée sur (DOM niveau 2/3) et une notation de balisage (de SVG1.2 minuscule).

Voici deux exemples:

  1. SVG Tiger
  2. SVG + SMIL / DOM
Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow
scroll top