HTML5 程序设计第7章.ppt

7.1.3 一个SVG实例 【例7-2】 一个画圆的SVG文件，代码如下： ?xml version=1.0 standalone=no? !DOCTYPE svg PUBLIC -//W3C//DTD SVG 1.1//EN /Graphics/SVG/1.1/DTD/svg11.dtd svg width=100% height=100% version=1.1 xmlns=/2000/svg circle cx=100 cy=50 r=40 stroke=black stroke-width=2 fill=red/ /svg 代码说明 ? 第1行是XML声明，standalone=no说明SVG 文档会引用一个外部文件，就是后面指定的/Graphics/SVG/1.1/DTD/svg11.dtd，svg11.dtd中包含了所有允许的SVG元素。图7-1 【例7-3】的结果 ? SVG代码从svg标签开始，以/svg标签结束。 ? circle标签用于定义一个圆。cx和cy指定圆的圆心坐标，r指定圆的半径。Stroke属性指定圆的边框颜色，stroke-width属性指定圆的边框宽度。fill属性指定填充圆的颜色。 【例7-3】的结果 7.1.4 SVG坐标系统 在HTML5中绘制SVG图形时也需要指定坐标。SVG使用的坐标系统与Canvas相同，请参照3.