如果raphael.js不支持SVG,它们如何与旧浏览器一起使用？

当 Raphael.js 不支持 SVG 时，可以使用 VML（Vector Markup Language）作为替代方案。VML 是微软为 Internet Explorer 提出的一种矢量图形格式，与 SVG 类似，但具有不同的属性和语法。Raphael.js 可以自动检测浏览器是否支持 SVG，如果不支持，则使用 VML 进行绘图。

以下是如何使用 Raphael.js 与旧浏览器一起使用的步骤：

1. 首先，在 HTML 文件中引入 Raphael.js 库。可以从官方网站下载，或者使用 CDN 链接。

1. 在 HTML 文件中创建一个容器，用于存放矢量图形。例如，可以创建一个 DIV 元素，并为其设置宽度和高度。

<div id="container" style="width: 500px; height: 500px;"></div>

1. 在 JavaScript 代码中，使用 Raphael.js 创建一个矢量图形。首先，需要实例化一个 Raphael 对象，并传入容器的 ID。

var paper = Raphael("container", 500, 500);

1. 使用 Raphael.js 提供的 API 创建矢量图形。例如，可以创建一个矩形、圆形或路径。

// 创建一个矩形
var rect = paper.rect(10, 10, 100, 50);

// 创建一个圆形
var circle = paper.circle(100, 100, 50);

// 创建一个路径
var path = paper.path("M10 10L90 90");

1. 为矢量图形设置属性，例如颜色、填充、描边等。

rect.attr({
  fill: "#f00",
  stroke: "#fff",
  "stroke-width": 2
});

1. 在浏览器中打开 HTML 文件，即可看到使用 Raphael.js 绘制的矢量图形。如果浏览器不支持 SVG，则 Raphael.js 会自动使用 VML 进行绘图。

需要注意的是，VML 已经被微软官方弃用，且不再更新。因此，如果需要支持更现代的浏览器，建议使用 SVG 或其他更现代的矢量图形格式。