La rotation de div contenant des elemets html5 (par exemple SVG, canvas) dans ie9 n'affiche pas div correctement

J'ai essayé d'utiliser l'attribut filter pour faire tourner un div, cela fonctionne bien jusqu'à ce que le div soit composé d'un élément SVG, résultats dans un div tourné avec le SVG n'étant pas montré (à l'exception des images).La rotation de div contenant des elemets html5 (par exemple SVG, canvas) dans ie9 n'affiche pas div correctement

par exemple. style = "filtre: progid: DXImageTransform.Microsoft.Matrix (M11 = 0,86602540, M12 = 0,50000000, M21 = -0,50000000, M22 = 0,86602540, sizingMethod = 'expansion automatique');"

Est-ce que je fais quelque chose de mal, ou IE9 ne supporte pas ce mix?

Merci à l'avance, Oren

P.S. au cas où vous vous demanderiez pourquoi je préfère faire pivoter le div contenant, la réponse est que le div contient plus que le SVG, par exemple. contributions.

Source

2010-10-17 shex

Vous savez que IE9 est en version bêta, non? :) – bzlm

+1 pour être ambitieux :-) – bobince

IE9 ne supporte pas les transformations CSS car la spécification de transformation CSS n'est pas définitive mais en fait, juste un brouillon. – Esko

Selon www.devsource.com, Ted Johnson (fondateur de Visio et gestionnaire de programme partenaire pour Internet Explorer) a déclaré:

IE9 ne supporte pas les polices SVG, animation déclarable ou filtre effets

Je vais marquer ceci comme la bonne réponse lorsque cela est permis ne pas changer pendant un certain temps (s'il vous plaît laissez-moi savoir si je devrais faire autrement).

Source

2010-10-17 13:20:50 shex

svg effets de filtre! == microsoft effets de filtre propriétaires comme ceux mentionnés ici: http://msdn.microsoft.com/en-us/library/ms532847%28VS.85%29.aspx Ceci est, dans votre cas, un bon Cela signifie que ce que vous essayez de faire fonctionnera encore, car il n'est pas certain que ces effets de filtre propriétaires seront pris en charge dans IE9. Je n'ai pas de boîte Win7, donc je ne serai pas capable de le tester moi-même, malheureusement, mais je recommanderais d'essayer certains des exemples de la page liée pour voir à quel niveau les effets de filtre MS pourraient être supportés IE9. – jbeard4

Une autre chose que vous pouvez essayer est d'utiliser un div avec un élément SVG, et à l'intérieur de l'élément SVG utiliser un élément foreignObject, et à l'intérieur de cela mettre le div et tous les trucs que vous souhaitez faire pivoter. C'est un moyen d'appliquer des transformations SVG au contenu HTML, et vous voyez que cette technique est souvent appliquée dans les démos. – jbeard4

Merci! En ce qui concerne foreignObject, cela ne fonctionne pas sur beta de IE9, et selon http://schmerg.com/svg-support-in-ie9-close-but-should-try-harde ne sera pas supporté. – shex

La rotation de div contenant des elemets html5 (par exemple SVG, canvas) dans ie9 n'affiche pas div correctement

Répondre

Questions connexes