svg学习笔记（一）：写在前面的话

    一直以来都是默默地在CSDN上活着，不时的看看大牛的博客，用以提高自己的技术水平，随之而来的是我发现大牛们的一个共同点，就是他们都喜欢对一个技术从头到尾的去介绍，而不是向我这种用到了某个技术点就随便记录下来。我曾经在阅读的时候就在想，他们为什么要从最简单的hello world开始写，直接介绍技术点不就可以了么？后来慢慢的随着工作和学习年龄的增长我才理解他们的行为，一个技术，你会不难，难在能不能深入下去，如果你从头到尾的去对这个技术由浅入深、循序渐进的研究实践，你才会不知不觉的达到大多数人所达不到的地步，这也是我这种低级程序员和大牛们之间的差距，所以呢，为了缩小这个差距，在以后想深入了解一门技术的话，我会尽可能的从头开始，慢慢进步。
    废话略多，不再多说，希望我们都能在自己的道路上越走越远，共勉。

<svg width="540" height="200" viewBox="0 0 270 100" style="margin:-2em 0em -3em 0em">
     <defs>
            <radialGradient id="radial" cx="50%" cy="50%" fx="25%" fy="25%">
                <stop offest="0%" stop-color="#60bafc"></stop>
                <stop offest="50%" stop-color="#409adc"></stop>
                <stop offest="100%" stop-color="#005a9c"></stop>
            </radialGradient>
            <path id="curve" d="M18,60 C100,10 180,110 264,60" fill="none"></path>
       </defs>
       <circle cx="130" cy="50" r="38" fill="url(#radial)" stroke="#005a9c"></circle>
       <text font-family="Verdana" font-size="20" fill="#ff9900">
            <textPath xlink:href="#curve" method="stretch" style="visibility:visible;">
                Scalable
                <tspan fill="white">Vector</tspan>
                Graphics
            </textPath>
       </text>
</svg>