简单的SVG图形实例(点、线、圆、旋转等)

SVG 的基本图形,挺简单也蛮好用的,能帮你在网页上做出漂亮的图形,比如点、线、圆等。学会这些基础,后面你可以轻松做各种复杂效果。比如,想做个矩形,直接用标签,设置xy确定位置,widthheight控制大小。还有线条,标签,指定起点和终点坐标,秒画一条直线。圆形的话,标签,设置圆心和半径。最酷的是旋转,使用transform属性就能轻松把图形旋转。哦对了,SVG 是基于 XML 的格式,适合放在网页里,响应也快,尺寸小,完全不用担心图片模糊。用它不仅能画静态图形,还可以跟 CSS 和 JavaScript 配合做动态效果,适合现代 Web 开发。

zip 文件大小:1.44KB