एसवीजी रेखीय ग्रेडिएंट रंग से 0 करने के लिए 360

Question

SVG linear gradient http://elv1s.ru/files/svg/gradient-hue.png

क्या एक उचित तरीके से इस तरह की एक ढाल करना है? अच्छा नहीं पर्याप्त

<linearGradient id="hue" x1="0" y1="1" x2="0" y2="0"> 
    <stop offset="0%" stop-color="#ff0000"/> 
    <stop offset="17%" stop-color="#ffff00"/> 
    <stop offset="34%" stop-color="#00ff00"/> 
    <stop offset="50%" stop-color="#00ffff"/> 
    <stop offset="66%" stop-color="#0000ff"/> 
    <stop offset="82%" stop-color="#ff00ff"/> 
    <stop offset="100%" stop-color="#ff0000"/> 
</linearGradient>

यह काम करता है, लेकिन अभी भी:: मैं this SVG की कोशिश की

SVG linear gradient http://elv1s.ru/files/svg/gradient-hue-reference.png

मैं उन दो ढ़ाल के बीच अंतर देख सकते हैं। क्या ऐसा करने का एक बेहतर तरीका है? मेरे लिए

Answer 1

तो यह स्वीकार्य है जावास्क्रिप्ट के साथ एसवीजी आप को देखने के लिए चाहते हो सकता है उत्पन्न करने के लिए: How to interpolate hue values in HSV colour space?

या शायद:

http://www.carto.net/papers/svg/gui/colourPicker/

संपादित करें: असल में यहां एक है। क्या यह सही होगा?

http://upload.wikimedia.org/wikipedia/commons/5/5d/HSV-RGB-comparison.svg

Answer 2

<linearGradient 
    id="linearGradient3706"> 
    <stop 
    style="stop-color:#ff1c1c;stop-opacity:1;" 
    offset="0" 
    id="stop3708" /> 
    <stop 
    id="stop3728" 
    offset="0.16105497" 
    style="stop-color:#fd00ca;stop-opacity:1;" /> 
    <stop 
    id="stop3724" 
    offset="0.35173747" 
    style="stop-color:#0202ff;stop-opacity:1;" /> 
    <stop 
    id="stop3720" 
    offset="0.48789391" 
    style="stop-color:#02fff9;stop-opacity:1;" /> 
    <stop 
    id="stop3718" 
    offset="0.70091939" 
    style="stop-color:#60ff18;stop-opacity:1;" /> 
    <stop 
    id="stop3714" 
    offset="0.83720928" 
    style="stop-color:#ffef15;stop-opacity:1;" /> 
    <stop 
    style="stop-color:#ff0000;stop-opacity:1;" 
    offset="1" 
    id="stop3710" /> 
</linearGradient> 

काम करता है (inskape से बनी)

Answer 3

आप अपने% में बेहतर परिशुद्धता उपयोग करने की कोशिश की है? जैसा कि जोश दिखा रहा है, आपके पास उप-प्रतिशत सटीकता और स्थान हो सकता है जो आपके स्टॉप को बेहतर बनाता है।