摘要：当组合多种不同元素时，正象 SVG 图像一样，重要的是牢记各项在页面上的放置顺序，因为这关系到谁“在上面”出现。在一个 HTML 页面上，使用z-index属性来控制这一分层效果，而对于 SVG 图像，则严格按顺序放置各项。每个后继层放置在那些已放置层的上面。如果指定一个元素没有填充色（使用fill=”none”"），那么在它下面的各项会显现出来，就象您在这里看到的：<?xml version="1.0"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN""http://w 阅读全文

摘要：除了形状以外，SVG 图像还可以包含文本。SVG 给予设计人员和开发人员对文本的大量控制，可以获得很好的图形效果而不必借助失去真实纹理信息的图像(.gif或.jpg)图像甚至 Flash 电影常常这么做）。SVG 的文本和字体能力在以添加文本开始的文本部分讨论，而现在重要的是要理解所有在传统 HTML 页面中通过级联样式表（Cascading Style Sheet）可以获得的效果，也都可以在 SVG 图像内的文本元素中得到。例如：<?xml version="1.0"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 阅读全文

摘要：SVG 定义了六种基本形状，这些基本形状和路径（在路径是什么？中讨论）一道，可以组合起来形成任何可能的图像。每个基本形状都带有指定其位置和大小的属性。它们的颜色和轮廓分别由 fill 和 stroke 属性确定。这些形状是：圆（circle）：显示一个圆心在指定点、半径为指定长度的标准的圆。椭圆（ellipse）：显示中心在指定点、长轴和短轴半径为指定长度的椭圆。矩形（rect）：显示左上角在指定点并且高度和宽度为指定值的矩形（包括正方形）。也可以通过指定边角圆的 x 和 y 半径画成圆角矩形。线（line）：显示两个坐标之间的连线。折线（polyline）：显示顶点在指定点的一组线。多边形（ 阅读全文