مرشح سفغ على هتمل إمغ في إي 10

Question

لقد حصلت على هذا المرشح الذي يعمل في كروم وفايرفوكس ، ولكن لا أستطيع الحصول عليه العمل في إي

http://codepen.io/anon/pen/lwpbo

إي 10 يجب أن تدعم مرشحات سفغ, لذلك ما الخطأ?

Answer 1

إي حاليا لا يدعم مرشحات سفغ في وثائق هتمل أو المغلق تصفية الآثار.وهو يدعم فقط مرشحات سفغ في وثائق سفغ أو شظايا سفغ داخل وثائق هتمل.إذا كنت تريد أن تعمل في إي ، سوف تحتاج إلى تحويله من مستند هتمل إلى مستند سفغ ، وتشمل الصورة داخل جزء سفغ ، أو تضمين الصورة في ملف سفغ وصلة إلى ذلك بدلا من صفحة هتمل.

لهذا الأخير يمكنك جعل المجمع سفغ حول الصورة كما هو موضح:

<svg xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
width="300" height="300"> 

    <filter id="greyscale">
        <feColorMatrix type="matrix" values="0.3333 0.3333 0.3333 0 0
                                             0.3333 0.3333 0.3333 0 0
                                             0.3333 0.3333 0.3333 0 0
                                             0      0      0      1 0"/>
    </filter>
    <image x="0" y="0" xlink:href="Lenna.jpg " filter="url(#greyscale)" width="300" height="300"/>
</svg>

يمكنك أن ترى هذا في العمل مع هذه الصورة

ثم من هتمل تحتاج إلى ربط إلى ملف سفغ بدلا من ذلك:

<img src="lenna.svg" alt="Lena Söderberg desaturated with SVG" />

إذا كنت ترغب يمكنك تضمين سفغ أعلاه مباشرة في ملف هتمل ، بدلا من ربط إليها مع img عنصر.يمكنك أن ترى هذا النهج في هذا العرض جسفيدل.رمز سفغ المطلوب هو نفسه تماما.

أي 5.5-أي 9 دعم مايكروسوفت الخاصة مرشحات الملكية, ، ولكن تم إسقاطها في 10.