
在本教程中,我们将学习如何从 使用 FabricJS 的 URL 字符串。我们可以通过创建一个实例来创建一个 Image 对象 织物.图像。由于它是FabricJS的基本元素之一,我们也可以轻松地 通过应用角度、不透明度等属性来自定义它。为了创建 来自 URL 字符串的 Fabric.Image 实例,我们使用 fromURL 方法。
语法
fromURL(url: String, callback: function, imgOptions: Object)
参数
url - 此参数接受一个字符串,表示从中创建图像的 URL。
回调(可选) - 此参数是一个函数,在创建图像后立即调用。对于此函数,新创建的图像作为第一个参数传递。第二个参数是一个布尔值,指示是否发生错误。该参数是可选的。
imgOptions(可选) - 此参数是一个可选的对象,它为我们的图像提供额外的自定义。使用此参数可以更改与图像对象相关的原点、描边宽度和许多其他属性。
不使用fromURL方法
示例
让我们看一个代码示例,了解使用 fromURL 方法时 Image 对象如何显示 未使用。在这种情况下,我们只需要创建一个fabric.Image实例并添加它 到我们的画布。
Without using the fromURL method
You can see that the image object has been added to the canvas
![]()
使用fromURL方法
示例
在此示例中,我们使用了 fromURL 方法来演示我们可以创建 即使我们没有图像元素,它也是图像对象。在这种情况下,我们只需 需要图像的 URL 并传递已创建的回调函数 fabric.Image 对象作为第一个参数,然后将其添加到画布中。
Using the fromURL method
You can see that the image object can be created from the image URL itself
结论
在本教程中,我们使用两个示例来演示如何创建 使用 FabricJS 从 URL 字符串获取 Fabric.Image。










