色婷婷狠狠18禁久久YY,CHINESE性内射高清国产,国产女人18毛片水真多1,国产AV在线观看

SVG路徑顏色不正確？

CSS
李中冰2年前7瀏覽0評論

我在想為什么我會想到這個？

我正在嘗試繪制2條SVG路徑，它們的筆畫將由a & lt線性梯度& gt標簽。

然而，第一個路徑是完全看不見的，因為我把它的筆畫定義為& quotURL(# 0-link-3)& quot；。

我對HTML比較陌生，我想知道我的腳本會有什么問題？我試過在Edge Chromium、Chrome和Firefox上查看，都不行。

劇本是這樣的:

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <title>gg</title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="stylesheet" href="">
        <style>
            svg {
                background-color: aliceblue;
            }
        </style>
    </head>
    <body>
        <svg height="500" width="900" overflow="visible">
            <defs>
                <linearGradient id="0-link-3" x1="0%" x2="100%">
                    <stop offset="0%" stop-color="#a6cee3"></stop>
                    <stop offset="100%" stop-color="#33a02c"></stop>
                </linearGradient>
              </defs>
              <path stroke="url('#0-link-3')" class="linkage" d="M195,50.47C273.75,50.47,273.75,50.47,352.5,50.47" stroke-width="60.93989941174483"></path>
              <path stroke="url('#0-link-3')" class="linkage" d="M195,264.038C273.75,264.038,273.75,97.957,352.5,97.957" stroke-width="34.034333541539844"></path>
        </svg>
    </body> 
</html>

結果: 不可見的第一路徑

當我將第一條路徑的描邊屬性改為純色時，我發現它變得可見了(例如:黑色& quot).第二條路徑是彩色的，在兩個場景中都是可見的。

<path stroke="black" class="linkage" d="M195,50.47C273.75,50.47,273.75,50.47,352.5,50.47" stroke-width="60.93989941174483"></path>
              <path stroke="black" class="linkage" d="M195,264.038C273.75,264.038,273.75,97.957,352.5,97.957" stroke-width="34.034333541539844"></path>

現在可以看到兩條路徑

第一條路徑具有相同的起點和終點y坐標(50.47)。這導致了一個高度為0的路徑，這就是它不可見的原因。 我稍微修改了結尾的y坐標為50.5，這樣它就增加了一些高度。

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>gg</title>
  <meta name="description" content="">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="">
  <style>
    svg {
      background-color: aliceblue;
    }
  </style>
</head>

<body>
  <svg height="500" width="900" overflow="visible">
            <defs>
                <linearGradient id="0-link-3" x1="0%" x2="100%">
                    <stop offset="0%" stop-color="#a6cee3"></stop>
                    <stop offset="100%" stop-color="#33a02c"></stop>
                </linearGradient>
              </defs>
              <path stroke="url('#0-link-3')" class="linkage" d="M195,50.47C273.75,50.47,273.75,50.47,352.5,50.5" stroke-width="60.93989941174483"></path>
              <path stroke="url('#0-link-3')" class="linkage" d="M195,264.038C273.75,264.038,273.75,97.957,352.5,97.957" stroke-width="34.034333541539844"></path>
        </svg>
</body>

</html>

不要使用url('#0-link-3 ')來引用線性漸變，而應該使用url(#0-link-3)，不要在url兩邊加上引號，

在SVG中，當引用同一個文檔中的元素時，使用url()函數，但是沒有引號。(https://developer . Mozilla . org/fr/docs/Learn/HTML/Multimedia _ and _ embedding/add _ vector _ graphics _ to _ the _ Web)