找到关于 FabricJS 的 566 篇文章
488 次浏览
在本教程中,我们将学习如何使用 FabricJS 从顶部设置图像的位置。我们可以通过创建 fabric.Image 的实例来创建 Image 对象。由于它是 FabricJS 的基本元素之一,因此我们还可以通过应用角度、不透明度等属性轻松自定义它。为了从顶部设置图像的位置,我们使用 top 属性。语法 new fabric.Image(element: HTMLImageElement | HTMLCanvasElement | HTMLVideoElement | String, {top: Number}: Object, callback: function) 参数 element - 此参数接受 HTMLImageElement、HTMLCanvasElement、HTMLVideoElement 或 String ... 阅读更多
811 次浏览
在本教程中,我们将学习如何使用 FabricJS 从左侧设置图像的位置。我们可以通过创建 fabric.Image 的实例来创建 Image 对象。由于它是 FabricJS 的基本元素之一,因此我们还可以通过应用角度、不透明度等属性轻松自定义它。为了从左侧设置图像的位置,我们使用 left 属性。语法 new fabric.Image(element: HTMLImageElement | HTMLCanvasElement | HTMLVideoElement | String, {left: Number}: Object, callback: function) 参数 element - 此参数接受 HTMLImageElement、HTMLCanvasElement、HTMLVideoElement 或 String ... 阅读更多
365 次浏览
在本教程中,我们将学习如何使用 FabricJS 设置图像的填充。我们可以通过创建 fabric.Image 的实例来创建 Image 对象。由于它是 FabricJS 的基本元素之一,因此我们还可以通过应用角度、不透明度等属性轻松自定义它。为了设置图像的填充,我们使用 padding 属性。语法 new fabric.Image(element: HTMLImageElement | HTMLCanvasElement | HTMLVideoElement | String, {padding: Number}: Object, callback: function) 参数 element - 此参数接受 HTMLImageElement、HTMLCanvasElement、HTMLVideoElement 或 String,表示图像 ... 阅读更多
505 次浏览
在本教程中,我们将学习如何使用 FabricJS 设置图像的不透明度。我们可以通过创建 fabric.Image 的实例来创建 Image 对象。由于它是 FabricJS 的基本元素之一,因此我们还可以通过应用角度、不透明度等属性轻松自定义它。为了设置图像的不透明度,我们使用 opacity 属性。语法 new fabric.Image(element: HTMLImageElement | HTMLCanvasElement | HTMLVideoElement | String, {opacity: Number}: Object, callback: function) 参数 element - 此参数接受 HTMLImageElement、HTMLCanvasElement、HTMLVideoElement 或 String,表示图像 ... 阅读更多
594 次浏览
在本教程中,我们将学习如何在 FabricJS 中设置图像的边框颜色。我们可以通过创建 fabric.Image 的实例来创建 Image 对象。由于它是 FabricJS 的基本元素之一,因此我们还可以通过应用角度、不透明度等属性轻松自定义它。为了设置图像的边框颜色,我们使用 borderColor 属性。语法 new fabric.Image(element: HTMLImageElement | HTMLCanvasElement | HTMLVideoElement | String, {borderColor: String}: Object, callback: function) 参数 element - 此参数接受 HTMLImageElement、HTMLCanvasElement、HTMLVideoElement 或 String,表示 ... 阅读更多
700 次浏览
在本教程中,我们将学习如何使用 FabricJS 设置图像选择区域的背景颜色。我们可以通过创建 fabric.Image 的实例来创建 Image 对象。由于它是 FabricJS 的基本元素之一,因此我们还可以通过应用角度、不透明度等属性轻松自定义它。为了设置图像的选择区域背景颜色,我们使用 selectionBackgroundColor 属性。语法 new fabric.Image(element: HTMLImageElement | HTMLCanvasElement | HTMLVideoElement | String, {selectionBackgroundColor: String}: Object, callback: function) 参数 element - 此参数接受 HTMLImageElement、HTMLCanvasElement、HTMLVideoElement 或 String ... 阅读更多
499 次浏览
在本教程中,我们将学习如何使用 FabricJS 设置图像的角度。我们可以通过创建 fabric.Image 的实例来创建 Image 对象。由于它是 FabricJS 的基本元素之一,因此我们还可以通过应用角度、不透明度等属性轻松自定义它。为了设置图像的角度,我们使用 angle 属性。语法 new fabric.Image(element: HTMLImageElement | HTMLCanvasElement | HTMLVideoElement | String, {angle: Number}: Object, callback: function) 参数 element - 此参数接受 HTMLImageElement、HTMLCanvasElement、HTMLVideoElement 或 String,表示 ... 阅读更多
687 次浏览
在本教程中,我们将学习如何使用 FabricJS 从选项中设置图像对象的属性。我们可以通过创建 fabric.Image 的实例来创建 Image 对象。由于它是 FabricJS 的基本元素之一,因此我们还可以通过应用角度、不透明度等属性轻松自定义它。为了从选项中设置图像对象的属性,我们使用 setOptions 方法。语法 setOptions(options: Object) 参数 options (可选) - 此参数是一个对象,它为我们的对象提供额外的自定义。使用此参数原点、笔划宽度和许多其他属性 ... 阅读更多
247 次浏览
在本教程中,我们将学习如何使用 FabricJS 设置一个乘数来缩放克隆的图像。我们可以通过创建 fabric.Image 的实例来创建 Image 对象。由于它是 FabricJS 的基本元素之一,因此我们还可以通过应用角度、不透明度等属性轻松自定义它。为了设置一个乘数来缩放克隆的图像,我们使用 multiplier 属性。语法 cloneAsImage(callback: function, {multiplier: Number}: Object): fabric.Object 参数 callback (可选) - 此参数是一个函数,将使用 ... 阅读更多
3K+ 次浏览
在本教程中,我们将学习如何使用 FabricJS 将图像对象缩放至给定宽度。我们可以通过创建 fabric.Image 的实例来创建 Image 对象。由于它是 FabricJS 的基本元素之一,因此我们还可以通过应用角度、不透明度等属性轻松自定义它。为了将图像对象缩放至给定宽度,我们使用 scaleToWidth 方法。语法 scaleToWidth(value: Number, absolute: Boolean): fabric.Object 参数 value - 此参数接受一个数字,该数字确定图像对象的新宽度值。absolute ... 阅读更多