Bonjour,
J'aimerais faire un retour sur cet article, notamment parce que certains points n'ont pas été traités et qu'il serait important de les considérer si l'on compte utiliser SVG.
Premièrement, peut-être un lien vers caniuse parce que certaines manière d'incorporer un SVG à sa page sont moins largement supportées dans les anciennes versions de certains navigateurs modernes (via la balise img entre autre).
Ensuite, il serait bon de noter que Firefox bogue si on change la taille d'un svg dont les dimensions sur la balise <svg> sont indiqués en pixels (c'est le cas sur tous les exemples de l'article). Voilà un exemple de ce bug: http://dabblet.com/gist/3751671 (c'est sensé être un triangle, mais pas sous Firefox
)
Également, il est dit dans l'article qu'on ne peut pas utiliser de lien via la balise object. En fait, c'est totalement possible avec SVG en utilisant xlink. La méthode est sans aucun doute difficilement maintenable, mais c'est possible !
Et finalement, il faudrait réviser le code source fournit
. Présentement c'est inscrit:
Donc, il semble y avoir un problème avec le `id` et le `href` et des éléments ésotérique sont apparut au sein du sélecteur jQuery (`.header a` ?). Finalement, les `id` n'était assignable qu'à un élément unique, j'aurais probablement opté pour une technique plus robuste considérant que plusieurs lecteurs du site n'ont pas encore un excellent niveau en javascript et qu'il faudrait considérer être un meilleur exemple pour nos débutants
Voilà !
J'aimerais faire un retour sur cet article, notamment parce que certains points n'ont pas été traités et qu'il serait important de les considérer si l'on compte utiliser SVG.
Premièrement, peut-être un lien vers caniuse parce que certaines manière d'incorporer un SVG à sa page sont moins largement supportées dans les anciennes versions de certains navigateurs modernes (via la balise img entre autre).
Ensuite, il serait bon de noter que Firefox bogue si on change la taille d'un svg dont les dimensions sur la balise <svg> sont indiqués en pixels (c'est le cas sur tous les exemples de l'article). Voilà un exemple de ce bug: http://dabblet.com/gist/3751671 (c'est sensé être un triangle, mais pas sous Firefox
)Également, il est dit dans l'article qu'on ne peut pas utiliser de lien via la balise object. En fait, c'est totalement possible avec SVG en utilisant xlink. La méthode est sans aucun doute difficilement maintenable, mais c'est possible !
Et finalement, il faudrait réviser le code source fournit
. Présentement c'est inscrit:
<a href="#img_modernizr_js_remplacement_nojs">
<noscript><img class="logo" src="logo.png" width="186" height="235" alt="Logo Geeks and the City" /></noscript>
</a>
if(Modernizr.svg) {
$('#img_modernizr_js_remplacement_nojs .header a').html('<img class="logo" src="logo.svg" width="186" height="235" alt="Logo Geeks and the City"/>');
}
else {
$('#img_modernizr_js_remplacement_nojs .header a').html('<img class="logo" src="logo.png" width="186" height="235" alt="Logo Geeks and the City">');
}
Donc, il semble y avoir un problème avec le `id` et le `href` et des éléments ésotérique sont apparut au sein du sélecteur jQuery (`.header a` ?). Finalement, les `id` n'était assignable qu'à un élément unique, j'aurais probablement opté pour une technique plus robuste considérant que plusieurs lecteurs du site n'ont pas encore un excellent niveau en javascript et qu'il faudrait considérer être un meilleur exemple pour nos débutants
Voilà !
