昨天，Last Night，老婆对孩子说：你爸好像什么都会，但是什么都不精通。我说：好像是的。所以，我要先精通H5和CSS，其他的都作为休闲方式的学习。
    
    今天写的是SVG画矩形。就像首页的SVG动画一样，有了SVG和JS，你的网页文件大小能够缩小很多很多。而且制作出的动画的效果能够随意控制变化。
    
    SVG中的矩形标签如下：
    <rect
        x="" //左上角的x坐标
        y="" //左上角的y坐标
        width="" //矩形的宽度
        height="" //矩形的高度
        rx="" //水平方向圆角半径
        ry="" //垂直方向圆角半径
        fill="" //边框内填充颜色
        stroke="" //边框颜色
        stroke-width="" //边框宽度
    />
    svg width:
    svg hegiht:
    图形效果如下：
    

    显示图形的svg标签： <rect x="0" y="0" width="600" height="400" rx="10" ry="10" fill="#0000ff" stroke="#ff0000" stroke-width="2"></rect>
    
    

    ————www.v-signon.com学习者共勉