Filtres SVG dans Firefox

Question

Pour une raison quelconque, je ne peux pas obtenir mes filtres SVG pour travailler dans Firefox. Ils fonctionnent très bien mais dans Opera,. L'élément dont la propriété je me mis à le filtre disparaît. Il est très étrange.

Voici mon code javascript:

defsElement = SVGDoc.createElement("defs");
var filterElement = SVGDoc.createElement("filter");
filterElement.setAttribute( "id", "cm-mat");
filterElement.setAttribute( "filterUnits", "objectBoundingBox");

var fecolormatrixElement = SVGDoc.createElement("feColorMatrix");
fecolormatrixElement.setAttribute("type", "matrix");
fecolormatrixElement.setAttribute("in", "SourceGraphic");
fecolormatrixElement.setAttributeNS(null, "values", "1 1 1 1 1  2 2 2 2 1  1 1 1 1 1  1 1 1 1 1");
filterElement.appendChild(fecolormatrixElement);
defsElement.appendChild(filterElement);
SVGDoc.documentElement.insertBefore(defsElement, SVGDoc.documentElement.childNodes.item(1));

partRef = getElementFromID(SVGDoc.documentElement, part);
if(partRef != null)
{
    partRef.style.setProperty('filter', 'url(#cm-mat)', null);
}

Les pensées? Merci

Answer 1

Paul Irish a fait une démonstration application Filtres SVG HTML 5 vidéo .

Le code source la démonstration en direct de spectacles comment basculer entre les filtres. Dans ce cas, toutes les pièces SVG sont écrits directement dans la page sous forme de balises, non insérés dynamiquement via JavaScript.

Il peut être utile d'essayer de le faire fonctionner en utilisant les balises vers le haut, puis passer à JavaScript une fois qu'il fonctionne. Il peut y avoir une certaine bizarrerie étrange de la mise en œuvre (bug) qui se manifeste uniquement lors de la création dynamique (/ spéculation).

En outre, il peut dépendre pas quelle version de Firefox que vous utilisez. Je ne sais pas quelle version a commencé à soutenir les filtres SVG, mais le message de Paul semble suggérer qu'il peut exiger une nightly build.

Bonne chance!

Answer 2

Que la matrice couleur ressemble à moi comme il se doit de tourner toutes les composantes de toutes les couleurs pleinement sur, ce qui rend l'élément complètement blanc.

(Il pourrait aussi être plus facile pour les autres à savoir si vous avez publié l'URL d'un exemple complet montrant le problème plutôt que juste un extrait de javascript, qui permettrait à d'autres personnes à tester des théories pour expliquer pourquoi il va mal.)

Answer 3

Cela pourrait être lié à Firefox Bug # 308590 . En bref Firefox ne parvient pas à résoudre les URL de filtre lorsque votre SVG est chargé à partir d'une URL de données ou vous avez obtenu une -Tag dans votre document.

Dans votre exemple Firefox looks pour url (# cm-mat) quelque part en dehors de votre document incorporé. Malheureusement, il a été réparé récemment et dans mon cas, je trouve pas de solution, mais pour Omettre la base-Tag en quelque sorte.

Answer 4

vos besoins de la page pour être servis au format XML.