Как при помощи javascript создать буквы-прорези на белом фоне с динамичным бекграундом из изображения?

Question

[ruplace]

Такое вообще возможно?

Даже без opacity для белого полотна поверх?


Изображение может быть заключено в большую шапку, а текст тайтла статьи с белым фоном и текстом наезжать поверх него.

Canvas не приемлим

Answer 1

[Алексей К.]

Это скорее CSS3

https://css-tricks.com/clipping-masking-css/

Comments

[ruplace]

спасибо!

Answer 2

[Андрей Чернышев]

гугл в помощь. Первая статья - nimbupani.com/using-background-clip-for-text-with-...

Comments

[ruplace]

это если знать что искать. Кто ж знал, что это clipping зовется

[Андрей Чернышев]

ruplace: Ну нужно приучаться искать вслепую по ключевым словам) Например так: css background image in text, так и живем(

[Андрей Чернышев]

SelenIT2: caniuse.com/#search=background-clip

[GreatRash]

Андрей Чернышев: Значение text только вебкиты понимают.

[Андрей Чернышев]

SelenIT2: Ну safari это webkit, а значит минимум chrome / opera и сафари. 3 из 5 вполне, для остального можно и придумать костыль) Как же без них. Да и в конце концов есть же SVG