<feTile>

<svg
  width="200"
  height="200"
  xmlns="http://www.w3.org/2000/svg"
  xmlns:xlink="http://www.w3.org/1999/xlink">
  <title>Lát ô logo MDN với phần đầu linh vật Mozilla có trên logo</title>
  <defs>
    <!-- Xác định vùng của bộ lọc là hộp bao của logo MDN đang được lọc.
         Các tham số này sẽ tạo ra đầu ra phủ cùng một vùng như hình ảnh. -->
    <filter id="tile" x="0" y="0" width="100%" height="100%">
      <!-- Tạo một ô từ phần trung tâm của hình ảnh từ
           (50,50) đến (150,150). Khu vực này thực chất là phần đầu
           của linh vật Mozilla. -->
      <feTile in="SourceGraphic" x="50" y="50" width="100" height="100" />

      <!-- Nếu không chỉ định vùng, feTile mặc định dùng vùng
           của bộ lọc. Nếu không chỉ định tham số "in", mặc định
           là kết quả của primitive trước đó. Vì vậy feTile thứ hai này
           sẽ lát toàn bộ vùng bộ lọc bằng phần đầu linh vật. -->
      <feTile />
    </filter>
  </defs>

  <!-- Dùng logo MDN làm đầu vào cho bộ lọc -->
  <image
    href="mdn_logo_only_color.png"
    x="10%"
    y="10%"
    width="80%"
    height="80%"
    filter="url(#tile)" />
</svg>