SVG：用三种颜色填充矩形的最佳方法

SVG：用三种颜色填充矩形的最佳方法是使用线性渐变（linear gradient）。

以下是一个示例代码，演示如何使用线性渐变填充一个矩形，并使用三种不同的颜色：

<svg width="200" height="200">
  <defs>
    <linearGradient id="grad" x1="0%" y1="0%" x2="0%" y2="100%">
      <stop offset="0%" style="stop-color: red;" />
      <stop offset="33%" style="stop-color: yellow;" />
      <stop offset="66%" style="stop-color: green;" />
    </linearGradient>
  </defs>
  
  <rect width="200" height="200" fill="url(#grad)" />
</svg>

在上述代码中，我们首先在<defs>元素中定义了一个线性渐变，它的id属性为"grad"。线性渐变从左上角（0%，0%）延伸到左下角（0%，100%）。

然后，我们在<rect>元素的fill属性中使用了"url(#grad)"，这样就将定义的线性渐变应用到了矩形上。

在线性渐变中，我们使用了三个<stop>元素来定义三种不同的颜色。每个<stop>元素都有一个offset属性，它定义了渐变的起始和结束位置。在上述示例中，我们将红色设置为起始颜色（offset="0%"），黄色为中间颜色（offset="33%"），绿色为结束颜色（offset="66%"）。

这样，矩形就会根据定义的线性渐变填充三种不同的颜色。