jjzjj

FabricJS

全部标签

performance - 是否有使用 fabric js 构建的高级应用程序?

我有很多使用Fabric.js构建的简单应用程序或示例。我可以使用Fabric.js制作高级应用程序吗?我想检查一些应用程序并查看其性能,以便确认Fabric.js也可以处理大型应用程序。 最佳答案 我们专门构建了Fabric来驱动designeditor在Printio.ru上。每天有1000多名访客使用它。从其他大网站有easel.ly—视觉主题创建工具。还有mywallsticker.de,scrollkit.com,和others. 关于performance-是否有使用fabr

performance - 是否有使用 fabric js 构建的高级应用程序?

我有很多使用Fabric.js构建的简单应用程序或示例。我可以使用Fabric.js制作高级应用程序吗?我想检查一些应用程序并查看其性能,以便确认Fabric.js也可以处理大型应用程序。 最佳答案 我们专门构建了Fabric来驱动designeditor在Printio.ru上。每天有1000多名访客使用它。从其他大网站有easel.ly—视觉主题创建工具。还有mywallsticker.de,scrollkit.com,和others. 关于performance-是否有使用fabr

javascript - 以鼠标位置为中心的图像缩放

我正在使用Fabric.js编写脚本以在当前鼠标位置缩放图像。我取得了一些进展,但某处有错误。案例一:鼠标停留在一点,滚轮缩放。结果:完美运行,图像在特定像素处缩放。情况2:在一个位置稍微放大(用鼠标滚轮放大3-5倍),然后将鼠标移动到新的位置并放大。结果:第一个点没问题,但移动到另一个点并缩放后,图像位置不正确。我的代码在这个fiddle里:https://jsfiddle.net/gauravsoni/y3w0yx2m/1/我怀疑图片定位逻辑有问题:imgInstance.set({top:imgInstance.getTop()-newMousY,left:imgInstance

javascript - 以鼠标位置为中心的图像缩放

我正在使用Fabric.js编写脚本以在当前鼠标位置缩放图像。我取得了一些进展,但某处有错误。案例一:鼠标停留在一点,滚轮缩放。结果:完美运行,图像在特定像素处缩放。情况2:在一个位置稍微放大(用鼠标滚轮放大3-5倍),然后将鼠标移动到新的位置并放大。结果:第一个点没问题,但移动到另一个点并缩放后,图像位置不正确。我的代码在这个fiddle里:https://jsfiddle.net/gauravsoni/y3w0yx2m/1/我怀疑图片定位逻辑有问题:imgInstance.set({top:imgInstance.getTop()-newMousY,left:imgInstance

php - 如何用图案填充图像

假设我有一张图片!现在我想用填充该图像我的最终图像应该是这样的怎么做?到目前为止,我能够更改该图像的颜色,但无法填充图案。我可以用html5Canvas(图案)做吗?有什么办法可以用php或任何网络平台来完成。 最佳答案 使用这些步骤来模拟将映射图案应用于您的衬衫:为您的衬衫制作高对比度版本。将衬衫的图像绘制到Canvas上将globalCompositeOperation设置为“source-atop”(任何新绘图只会出现在衬衫图像不透明的地方)根据您的方格图像创建图案用方格图案填充Canvas(它只会出现在不透明的衬衫上)将gl

php - 如何用图案填充图像

假设我有一张图片!现在我想用填充该图像我的最终图像应该是这样的怎么做?到目前为止,我能够更改该图像的颜色,但无法填充图案。我可以用html5Canvas(图案)做吗?有什么办法可以用php或任何网络平台来完成。 最佳答案 使用这些步骤来模拟将映射图案应用于您的衬衫:为您的衬衫制作高对比度版本。将衬衫的图像绘制到Canvas上将globalCompositeOperation设置为“source-atop”(任何新绘图只会出现在衬衫图像不透明的地方)根据您的方格图像创建图案用方格图案填充Canvas(它只会出现在不透明的衬衫上)将gl

javascript - 将自定义删除(后退,前退)按钮添加到控件

我想知道是否有一种简单的方法可以添加删除,放在前面,放在后面函数到现有的fabric.js对象控件中。目前我只能点击删除对象、置于最前面等按钮。我正在努力寻找一种解决方案,以便能够在对象上按X(在右上角)并删除该对象。我想这将与覆盖、包装或子类化现有的控制对象有关。也许我已经监督了一些事情并且有一个简单的解决方案?请不要使用DivWrapper。 最佳答案 Fabric.js不提供任何向对象添加控件的简单方法。如果您想创建自己的控件,则必须覆盖Object类,特别是:覆盖drawControls,绘制您的自定义按钮您需要存储按钮的坐

javascript - 将自定义删除(后退,前退)按钮添加到控件

我想知道是否有一种简单的方法可以添加删除,放在前面,放在后面函数到现有的fabric.js对象控件中。目前我只能点击删除对象、置于最前面等按钮。我正在努力寻找一种解决方案,以便能够在对象上按X(在右上角)并删除该对象。我想这将与覆盖、包装或子类化现有的控制对象有关。也许我已经监督了一些事情并且有一个简单的解决方案?请不要使用DivWrapper。 最佳答案 Fabric.js不提供任何向对象添加控件的简单方法。如果您想创建自己的控件,则必须覆盖Object类,特别是:覆盖drawControls,绘制您的自定义按钮您需要存储按钮的坐

javascript - 如何识别所选对象的类型?

我正在使用Fabric.js在Canvas上放置文本、图像和形状。我为所有三个制作了三个不同的编辑面板。当用户选择文本时,我想显示文本面板。像明智的图像和形状。如何识别所选对象的类型? 最佳答案 canvas.getActiveObject().get('type')正如simmisimmi所说的是正确的。您还可以收听事件:functiononObjectSelected(e){console.log(e.target.get('type'));}canvas.on('object:selected',onObjectSelecte

javascript - 如何识别所选对象的类型?

我正在使用Fabric.js在Canvas上放置文本、图像和形状。我为所有三个制作了三个不同的编辑面板。当用户选择文本时,我想显示文本面板。像明智的图像和形状。如何识别所选对象的类型? 最佳答案 canvas.getActiveObject().get('type')正如simmisimmi所说的是正确的。您还可以收听事件:functiononObjectSelected(e){console.log(e.target.get('type'));}canvas.on('object:selected',onObjectSelecte