上传到服务器时，内部图像的SVG不会显示

Question

我有以下代码，它可以在w3schools.com中运行，但在使用本地服务器运行时无效...我缺少什么？

        <svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="50%" height="50%">

      <defs>
      <pattern id="img1" patternUnits="userSpaceOnUse" width="100" height="100">
      <image xlink:href="http://www.freewebheaders.com/wordpress/wp-content/gallery/grass/natural-green-trimmed-grass-sport-field-background-header.jpg" x="0" y="0" width="100" height="100" />
      </pattern>
      </defs>

      <path fill="url(#img1)" stroke="black" stroke-width="3"
      d="M 50,50 90,90 130,50 110,10 70,10 Z" />

    </svg>

我还尝试使用位于我服务器上的本地图像