SVG Для изображения Маскировка IE

Im использованием IE 10 здесь, светлячок работает отлично, но маска не показывать в IESVG Для изображения Маскировка IE

<svg style="height:0;"> 
             <mask id="m1" maskUnits="userSpaceOnUse" maskContentUnits="userSpaceOnUse"> 
             <image width="78px" height="78px" xlink:href="images/mask2.png"></image> 
             </mask> 
            </svg> 
            <img src="images/avatar-sample.jpg" style="mask:url(#m1);"/>

источник

2013-05-01 Glen

Возможный дубликат [Маска изображения SVG не работает в Firefox или IE] (http://stackoverflow.com/questions/16320863/svg-image-mask-not-working-in-firefox-or-ie) – cimmanon

Pretty аналогично, но в одном маска применяется к foreignObject, а в другом - к элементу HTML img. Первые должны работать в IE, но не в последнем. –

ни работа в ie. первый с использованием foreignObject показывает полностью пустую страницу в IE – Glen

Только Firefox в настоящее время поддерживает applying a mask directly to an HTML element. Другие UA только позволяют вам установить SVG-эффект, например маску на SVG-объекте.

Если вы хотите, чтобы это работало в IE, вам нужно будет использовать элемент SVG <image>, чтобы отобразить изображение, а не элемент HTML <img>.

источник

2013-05-01 15:55:25

, и у кого-нибудь есть какие-либо комментарии о том, как сделать эту работу как в FF, так и в IE? – Glen

Это ваш другой вопрос. Я ответил на это. –

SVG Для изображения Маскировка IE

ответ

Смежные вопросы