正確的方式來存儲gloabl SVG風格（radialGradient）

Question

我在哪裏把stylecodes？

<radialGradient gradientUnits="objectBoundingBox" r="100%" cy="50%" cx="50%" id="rgrad_group_43"> 
    <stop style="stop-color:rgb(0, 255, 244); stop-opacity:1" offset="0%"/> 
    <stop style="stop-color:rgb(0, 74, 255); stop-opacity:1" offset="90%"/> 
    <stop style="stop-color:rgb(46, 60, 208); stop-opacity:1" offset="100%"/> 
</radialGradient> 

<style type="text/css"> 
svg rect { fill:transparent;} 
svg g { fill:url(#rgrad_group_43); } 
</style> 

當我把代碼放在正文中的時候，我的頁面沒有svgs風格。 所以我必須把它放到一個SVG標籤中，對吧？

<svg> 
<radialGradient gradientUnits="objectBoundingBox" r="100%" cy="50%" cx="50%" id="rgrad_group_43"> 
    <stop style="stop-color:rgb(0, 255, 244); stop-opacity:1" offset="0%"/> 
    <stop style="stop-color:rgb(0, 74, 255); stop-opacity:1" offset="90%"/> 
    <stop style="stop-color:rgb(46, 60, 208); stop-opacity:1" offset="100%"/> 
</radialGradient> 

<style type="text/css"> 
svg rect { fill:transparent;} 
svg g { fill:url(#rgrad_group_43); } 
</style> 
</svg> 

它的工作原理，但這是正確的/有效的？
沒有version="1.1"，沒有xmlns="http://www.w3.org/2000/svg"xmlns:xlink="http://www.w3.org/1999/xlink"沒有viewBox="0 0 50 50"並沒有xml:space="preserve"

這裏是一個演示
https://jsfiddle.net/qcmxryay/

Answer 1

我不知道是否對你有用，但對我的工作，我總是會用工作SVG，我使用Illustrator中的圖形或任何東西，然後使用SVG等選項導出，所以我不需要進行這種更改。