CSS непрозрачность фильтра быстрее, чем недвижимость недвижимости?

Question

on Это HTML5Rocks статья, она утверждает, что

В целом свойство CSS «непрозрачность» не ускоряется аппаратное обеспечение, но некоторые браузеры, которые реализуют фильтры с использованием аппаратного ускорения, ускоряют фильтрующую версию непрозрачности для гораздо лучшей производительности.

Это, кажется, подразумевает, что в процедурах, интенсивных приложениях, следует использовать непрозрачность, а не свойство непрозрачности.Например, я рендурирую холст под изображением с непрозрачным свойством 0,5.Должен ли я использовать фильтр вместо этого?Как можно сделать один измерять повышение производительности при использовании этого свойства фильтра, и на каких платформах может быть заметное улучшение?

Answer 1

first, эффекты фильтра CSS3 находятся Все еще проект стандарта и их поддержка браузера зависит от . Так что подумайте дважды, действительно ли вам нужны (например, CSS-фильтры В реальном мире статьи (04.2013) сообщает о рендерингах артефактов). Ускорение аппаратного оборудования в webkit и GPU Ускоренные композитирующие в Chrome Дайте обзор своих реализаций, и оба предполагают, что нет дискриминации в отношении CSS2. или CSS3 (я был бы удивлен, если бы было).

Второе, Обзор в ПК Журнал (01.2013) Показывает результаты некоторых онлайн-ориентиров от команд IE и Firefox. Есть холст, частицы и CSS (вращение) ориентиры. Maxthon (использует webkit) и тестированные версии Opera, не поддерживают ускорение, поэтому они дают намек на усиление производительности. Что касается прозрачности: это порядки меньшечисленных вычислений, чем повторно, поэтому вы не должны замечать никакой разницы для этой конкретной работы.

Answer 2

Paul Irish говорит здесь, что непрозрачность является одним из немногих свойств CSS, что * is * gpu ускоряется: https://plus.google.com/+addyosmani/posts/atreryczpts

А также есть серьезное отсутствие поддержки для фильтров через браузеры, как можно увидеть Здесь Хотя непрозрачность поддерживается через доску: http://caniuse.com/#search=Opacity .

Не говоря уже о непрочитанном свойстве просто намного проще в использовании.

Я бы придерживался, что у тебя есть.