在这个例子中，我们首先创建了一个新的 Image 对象，并在它加载完成后创建了一个新的 fabric.Pattern 对象。在 fabric.Pattern 构造函数中，我们指定了 source 属性为我们加载的图像，repeat 属性为 'repeat'，以指定图像如何平铺到对象上。我们还指定了 offset 属性为 { x: 0, y: 0 }，以指定图案的起始位置。

然后，我们使用 fabric.Rect 构造函数创建一个新的矩形对象，并将其 fill 属性设置为我们刚刚创建的 fabric.Pattern 对象。最后，我们将矩形对象添加到画布上。

您还可以从 Canvas 元素或其它 Fabric 对象中创建 fabric.Pattern 对象。例如，以下代码从一个 Canvas 元素创建了一个 fabric.Pattern 对象：

// 获取一个 Canvas 元素
var canvasElement = document.getElementById('myCanvas');
// 创建一个新的 Pattern 对象
var pattern = new fabric.Pattern({
  source: canvasElement,
  repeat: 'repeat'
在这个例子中，我们获取了一个 Canvas 元素，并使用它来创建了一个新的 fabric.Pattern 对象。
                                                    现代化个人博客系统 ModStartBlog v9.1.0 桌面快捷应用，图片上传前端压缩
                                                    企业内容建站系统 ModStartCMS v8.1.0 图片前端压缩，抖音授权登录
                                                    现代化个人博客系统 ModStartBlog v9.0.0 二级分类支持，博客前台发布，富文本升级
                                                    UEditorPlus v3.8.0 文档导入支持直接粘贴 Markdown 格式，已知问题修复
                                                    ModStart 2024年春节放假通知
                                                    企业内容建站系统 ModStartCMS v8.0.0 列表自定义字段过滤，用户账号安全升级