相关疑难解决方法(0)

Chrome中的SVG精灵中没有显示defs的渐变(基于webkit的浏览器)

我有一个代表Google Play商店徽章的SVG:

<?xml version="1.0" encoding="utf-8"?>
<svg id="master-artboard" viewBox="0 0 740.4884643554688 219.59970092773438" version="1.1" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMin meet">
  <defs><linearGradient id="a" x1="31.8" y1="183.29" x2="15.02" y2="166.51" gradientTransform="matrix(1 0 0 -1 0 202)" gradientUnits="userSpaceOnUse">
      <stop offset="0" stop-color="#00a0ff"/>
      <stop offset=".01" stop-color="#00a1ff"/>
      <stop offset=".26" stop-color="#00beff"/>
      <stop offset=".51" stop-color="#00d2ff"/>
      <stop offset=".76" stop-color="#00dfff"/>
      <stop offset="1" stop-color="#00e3ff"/>
    </linearGradient><linearGradient id="b" x1="43.83" y1="172" x2="19.64" y2="172" gradientTransform="matrix(1 0 0 -1 0 202)" gradientUnits="userSpaceOnUse">
      <stop offset="0" stop-color="#ffe000"/>
      <stop offset=".41" stop-color="#ffbd00"/>
      <stop offset=".78" stop-color="orange"/>
      <stop offset="1" stop-color="#ff9c00"/>
    </linearGradient><linearGradient id="c" x1="34.83" y1="169.7" x2="12.07" y2="146.95" gradientTransform="matrix(1 0 0 …
Run Code Online (Sandbox Code Playgroud)

svg webkit google-chrome

7
推荐指数
1
解决办法
633
查看次数

标签 统计

google-chrome ×1

svg ×1

webkit ×1