17-04-2012, 11:34 AM
(Modification du message : 17-04-2012, 02:12 PM par Sephi-Chan.)
Bonjour, j'ai démarré des petites choses en RaphaelJS et j'aurais besoin d'aide sur deux sujets.
Mon contexte : le système doit obligatoirement marcher (et être accessible) sur FF11, IE8 et IE6 (et oui....)
J'essaie d'afficher un cercle de couleur, avec éventuellement du texte à l'intérieur :
color contient la couleur
def contient systématiquement la description alternative (pour accessibilité) et potentiellement la donnée à afficher
text (booléen) est à true si il faut afficher un texte (en fait une lettre/chiffre)
j'ai deux sujets:
le premier accessibilité :
Avant d'ennuyer mon jaws'men pour lui demander si il "lit" la description alternative (il est chef de projet, pas dv) je voudrais m'assurer que le title est bien pris tant par ie6 et 8 que par ff. Dans firebug le svg généré me donne cela :
(dans le cas où text est à false, le noeud text disparait, ce qui est ce que je veux)
L'affichage correspond à ce que je veux mais j'ai des doutes concernant le title : pourquoi ne me l'a t il pas mis dans une balise <title> ? pourquoi ce <a title> ?
Du coup en SVG je ne sais pas si je suis propre, en IE6 je ne sais pas du tout ce qu'il fait.
Quelqu'un peut il me confirmer si tout est ok de ce point de vue ou si il faut changer quelque chose ?
Deuxième point dimensionner l'image en em :
j'aimerais pouvoir modifier la taille du dessin en fonction de la taille des caractères (passer de px en em) Je ne sais pas comment faire. Avez vous une diée ?
Le problème est que mon poste est avec un écran à haute résolution, alors que lorsque je projette, je suis obligé de passer en 800 par 600 qui me fait un effet loupe catastrophique.. Du coup je corrige la faible définition par une taille réduite sous IE 6 (affichage -> taille du texte) je sais c'est très crade mais ce sont mes contraintes.
Est ce que raphael permet de régler ces éléments en em ? pas trouvé dans la doc, il ne positionne que des nombres, sans unités
merci de votre aide (même si pas de rapport avec les jeux sur le coup, quoique si j'arrive à progresser la dedans je m'en servirais peut être)
Mon contexte : le système doit obligatoirement marcher (et être accessible) sur FF11, IE8 et IE6 (et oui....)
J'essaie d'afficher un cercle de couleur, avec éventuellement du texte à l'intérieur :
paper =Raphael( this, 20, 20)
paper.circle(10,10,9).attr({fill: color, title : def})
if (text)
paper.text(10,10, def);
color contient la couleur
def contient systématiquement la description alternative (pour accessibilité) et potentiellement la donnée à afficher
text (booléen) est à true si il faut afficher un texte (en fait une lettre/chiffre)
j'ai deux sujets:
le premier accessibilité :
Avant d'ennuyer mon jaws'men pour lui demander si il "lit" la description alternative (il est chef de projet, pas dv) je voudrais m'assurer que le title est bien pris tant par ie6 et 8 que par ff. Dans firebug le svg généré me donne cela :
<svg height="20" version="1.1" width="20" xmlns="http://www.w3.org/2000/svg" style="overflow: hidden; position: relative; left: -0.4px; top: -0.68335px;">
<desc>Created with Raphaël 2.1.0</desc>
<defs>
<a title="n">
<circle cx="10" cy="10" r="9" fill="#ff8800" stroke="#000" style="">
</a>
<text style="text-anchor: middle; font: 10px "Arial";" x="10" y="10" text-anchor="middle" font="10px "Arial"" stroke="none" fill="#000000">
<tspan dy="3.583984375">n</tspan>
</text>
</svg>
dans ce cas def = "n" et text est à true(dans le cas où text est à false, le noeud text disparait, ce qui est ce que je veux)
L'affichage correspond à ce que je veux mais j'ai des doutes concernant le title : pourquoi ne me l'a t il pas mis dans une balise <title> ? pourquoi ce <a title> ?
Du coup en SVG je ne sais pas si je suis propre, en IE6 je ne sais pas du tout ce qu'il fait.
Quelqu'un peut il me confirmer si tout est ok de ce point de vue ou si il faut changer quelque chose ?
Deuxième point dimensionner l'image en em :
j'aimerais pouvoir modifier la taille du dessin en fonction de la taille des caractères (passer de px en em) Je ne sais pas comment faire. Avez vous une diée ?
Le problème est que mon poste est avec un écran à haute résolution, alors que lorsque je projette, je suis obligé de passer en 800 par 600 qui me fait un effet loupe catastrophique.. Du coup je corrige la faible définition par une taille réduite sous IE 6 (affichage -> taille du texte) je sais c'est très crade mais ce sont mes contraintes.
Est ce que raphael permet de régler ces éléments en em ? pas trouvé dans la doc, il ne positionne que des nombres, sans unités
merci de votre aide (même si pas de rapport avec les jeux sur le coup, quoique si j'arrive à progresser la dedans je m'en servirais peut être)