31: Bạn có thể đặt hình ảnh Raster trong SVG - Thủ thuật CSS

Có lẽ không có trường hợp sử dụng nào quá lớn cho việc này, ngoài điều hiển nhiên: bạn cần một đồ họa raster trong số những thứ khác trong một thiết kế SVG lớn hơn. Bằng cách đó, nó di chuyển và cân bằng với các phần tử còn lại.

Cú pháp là:

Bạn có thể sẽ không bao giờ tự mình bỏ một đồ họa raster trong SVG vì nó không có bất kỳ lợi ích nào. Có, bạn có thể áp dụng bộ lọc SVG cho hình ảnh sau đó, nhưng bạn cũng có thể áp dụng bộ lọc SVG cho một bức ảnh . Tương tự với các đường cắt và mặt nạ.

Mặc dù vậy, các bộ lọc có thể hơi khác một chút, vì vậy bạn cần lưu ý rằng:

Xem bộ lọc Pen SVG trên SVG hoặc IMG của Chris Coyier (@chriscoyier) trên CodePen.