SVG中绘制实心矩形需用标签，设x、y（左上角）、width、height及fill；圆用（cx、cy、r），椭圆用（cx、cy、rx、ry）；多边形用配points坐标序列；直线必须设stroke才可见；所有坐标原点在左上角。
直接用
标签包裹原生 SVG 元素就能画出不失真的基础图形，不需要 JS、不依赖第三方库，浏览器原生支持。
怎么用
画实心矩形
是最直白的矩形绘制方式，关键在
、
（左上角起点）、
和
。默认不填充，必须加
才实心。
和
控制圆角，设为相同值就是标准圆角矩形；只设
而不设
，浏览器会自动把
等于
如果同时设置了
和
，描边会压在填充之上，描边宽度从图形边界向外延伸一半、向内延伸一半
别漏写
和
—— 没这两个属性，
会不可见，哪怕
写了也没用
怎么用
和
画圆和椭圆
只需
、
和
，而
多一个
和
，分别控制横纵半径。两者都靠
实现实心。
会画出一半在 SVG 画布外——因为坐标原点在左上角，不是中心
想让圆居中显示，得确保
≥
且
≥
，否则会被裁剪
的
和
不能为 0，否则图形消失；负值会被忽略
怎么用
画任意闭合多边形
靠
属性定义顶点序列，坐标对之间用空格或逗号分隔，x 和 y 用逗号连接。它自动闭合首尾，所以不用重复写第一个点。
使用HTML,CSS,JavaScript开发Android应用程序 英文文字pdf版附源文件
如果你了解HTML，CSS和JavaScript，您已经拥有所需的工具开发Android应用程序。本动手本书展示了如何使用这些开源web标准设计和建造，可适应任何Android设备的应用程序 - 无需使用Java。您将学习如何创建一个在您选择的平台的Android友好的网络应用程序，然后转换与自由PhoneGap框架到一个原生的Android应用程序。了解为什么设备无关的移动应用是未来的潮流，并开始构建应用程序，提供更
下载
立即学习
“
前端免费学习笔记（深入）
”；
画的是直角三角形，不是三条线段——
必然形成封闭区域
点顺序影响渲染：顺时针和逆时针都可，但涉及
（如
）时行为不同，简单实心填充默认用
规则，一般不用改
坐标值里混用空格和逗号是安全的，比如
会被正确解析为三个点；但结尾多一个逗号（如
）会导致最后一个点失效
为什么
总是“看不见”
默认无填充、无描边，纯透明。它只有长度和方向，没有面积，所以不设
就等于没画。
默认是 1，但若设为 0，线就彻底消失；小于 1（比如 0.5）在高 DPI 屏幕上可能渲染异常
必须显式声明颜色，
或
都行，但
或缺失该属性，线不可见
它不响应
属性——填了也无效；想加端点样式，得用
（
/
/
）
真正容易被忽略的，是 SVG 坐标系原点始终在左上角，所有
/
值都是相对这个点计算的；缩放、平移、居中这些操作，不是靠调参数“猜”，而是得老老实实算偏移量——比如想让一个
的圆在 200×150 的
中居中，
就得是 100，
得是 75。
xywidthheightfillrxryrxryryrxstrokefillwidthheightfillcxcyrrxryfillcxrcyrrxrypointspoints="0,0 100,0 100,100"fill-ruleevenoddnonzero"0,0 50,30,100,0""0,0,50,30,"strokestroke-widthstrokestroke="black"stroke="#000"stroke=""fillstroke-linecapbuttroundsquarexyr="40"cxcy