31: Ви можете помістити растрові зображення у SVG - CSS-хитрощі

Для цього, мабуть, немає надзвичайно великого сценарію використання, крім очевидного: вам потрібна растрова графіка, крім усього іншого у великому дизайні SVG. Таким чином він рухається і масштабується з рештою елементів.

Синтаксис:

Ви, мабуть, ніколи не впустили б растрову графіку в SVG самі по собі, оскільки для неї немає ніяких переваг. Так, тоді можна застосувати до зображення SVG-фільтри, але можна застосувати фільтри SVG і до an . Те саме стосується відсічних контурів та масок.

Хоча фільтри можуть виглядати дещо різними, настільки добре знати про це:

Перегляньте фільтри Pen SVG на SVG або IMG Кріса Койєра (@chriscoyier) на CodePen.