小编Gar*_*nes的帖子

我正在使用html link rel preload标签预加载字体:

<link rel="preload" href="fonts/32ADEO.woff2" as="font" type="font/woff2">

虽然这确实首先加载字体,但chrome中的网络选项卡显示两次加载字体!？

我也收到以下警告:

资源https://mydomain.es/new-v8/fonts/32A0E0.woff2使用链接预加载预加载,但在窗口加载事件后的几秒钟内未使用.请确保它请确保它具有适当的<link>值并且是故意预装的.

我究竟做错了什么？

<svg id="color-gradient" width="400" height="400" version="1.1" xmlns="http://www.w3.org/2000/svg">
  <defs>
      <linearGradient id="gradient" x1="0" x2="0" y1="0" y2="1">
        <stop offset="0%" stop-color="red"/>
        <stop offset="50%" stop-color="blue" />
        <stop offset="100%" stop-color="yellow"/>
      </linearGradient>
  </defs>
    <circle cx="200" cy="200" r="100" fill="url(#gradient)"/>
</svg>

我想在一个有 3 个颜色点的圆圈中创建一个 svg 渐变，以这样的三角形排列。

<svg id="color-gradient" width="400" height="400" version="1.1" xmlns="http://www.w3.org/2000/svg">
  <defs>
      <linearGradient id="gradient" x1="0" x2="0" y1="0" y2="1">
        <stop offset="0%" stop-color="red"/>
        <stop offset="50%" stop-color="blue" />
        <stop offset="100%" stop-color="yellow"/>
      </linearGradient>
  </defs>
    <circle cx="200" cy="200" r="100" fill="url(#gradient)"/>
</svg>

我尝试创建具有三个停止点的线性渐变，但我不确定如何将停止点放置在我需要的位置（左上右上）。