在织品Js帆布的一个裁减部分的多个对象
我在我的画布中添加了一个剪辑部分。 和我在此添加多个对象。 问题是一旦我添加第二个对象，第一个对象就不可见。 在中解释 var pug = new fabric.Text（“Hi”，{ angle：0， width：500， height：500 ， left：245， top：35， scaleX：0.3， scaleY：0.3， clipName：'pug'，
..
fabricjs相关内容
使用fabric.js转换CANVAS中的鼠标坐标
我设计了一个使用fabric.js的标尺，当用户将鼠标悬停在标尺的特定部分时，我想在屏幕上打印标尺的X坐标（即不是屏幕坐标）。现在，标尺画布开始于位置37，相对于标尺结束于726，但是标尺从1到4600（它总是从1开始，但是标尺的长度可以改变）。如何转换鼠标坐标，以准确反映它在标尺上的位置？这里是代码： var canvas = new fabric.Canvas（'canvas'）;
..
如何获得自由绘制的线作为一个列表，其中每行是一个坐标列表？
我目前正在考虑使用 fabric.js 用于在线手写识别系统。对于这样的系统，我需要发送绘制的行作为行的列表，其中每行是一个点列表。 因此，如果用户绘制“x”在画布上，我想得到这样的东西： [ //第一行是从左下到右上： [{'x'：228，'y'：92}， {'x'：229，'y '：90}， {'x'：230，'y'：88}， {'x'：232，'y'：86}， {'
..
在Fabric.js中使用setAngle（）后，旋转和缩放控件关闭
我想让用户旋转 Fabric.js 动力画布上的对象，但将其旋转限制为90度增量。想法是，当他们旋转然后停止时，对象将以最接近的角度“捕捉”到位。 通过收听“对象：旋转”设置最接近的角度，然后调用object.setAngle（angleClosestTo90）。但是，一旦对象被“捕捉”，用于缩放/旋转图像的控件就会关闭。你仍然可以选择它们，但它很脆弱 - 我想对象应该在它的最后一个位置，而
..
图像只占用箱子里的一点空间
我们正在使用 stackoverflow链接代码在网站上传图片 一旦我们上传，其在框中只占小部分这里。 占满满箱。 var canvas = new fabric.Canvas（'canvas'）; document.getElementById（'file'）。addEventListener（”change“，function（e）{var file = e.target.
..
Fabric.js鼠标右键单击
有一种方法可以在Fabric.js画布上接收鼠标右键单击事件？ 下面的代码仅适用于左键单击： canvas.observe（'mouse：down'，function（）{console.log（'mouse down'））; 解决方案 Canvas类。查看这里 _onMouseDown 方法。 基本上，在fabricjs中默认禁用对象的鼠标右键事件。
..
Youtube视频内部画布
我想在画布中播放YouTube视频，我使用fabric.js和 youtube-api 我的视频代码代码如下所示
..
在Fabric.js中创建谷文本（带曲线的文本）
我使用Fabric.js在CANVAS上显示文字。 我想达成的目标是文字效果，如下所示 可以这样做吗？ b 这是我的代码.. fabric.js-simple text display
..
使用fabric.js修改画布，而不删除现有内容
在我的网页中有一个有一些内容的画布，这个内容是单独呈现的（不使用fabric.js）。 我想做的是添加一些内容在现有内容之上，使用fabric.js。 我试着这样做（示例代码）， var canvas = new fabric.Canvas '）; var path = new fabric.Path（'M 0 0 L 200 100 L 170 200 z'）; path
..
在overlayImage中应用过滤器的方式在哪里？
我想在overlayImage中应用过滤器。唯一的办法是，在渲染后在整个画布中应用过滤器？ 解决方案 没有内置的支持，但很容易“黑客”。 var overlayImageUrl ='...'; //首先加载叠加图片 fabric.Image.fromURL（overlayImageUrl，function（oImg）{ //添加并应用过滤器到叠加图片 oImg.f
..
将Fabric.js对象从一个画布拖到另一个画布
我使用Fabric.js在任何产品上创建设计。我的一些产品有两个画布，所以我想移动 fabric.Text 从一个画布到另一个，我想拖放布料画布对象到其他布料画布。 解决方案 我完全不知道这是一个好，坏或丑的做事方式，但我把一个简单的小提琴实现你所做的 - 我所做的基本原理是： 将canvas对象封装在一个对象中，其中canvas id是对象键，例如 var canvases
..
Fabric.js橡皮擦问题画布
我想使用Fabric.js在我的网络应用程序中实现橡皮擦。有什么方法在Fabric.js中实现橡皮擦？例如，在MS Paint？ 解决方案 Fabric中没有内置橡皮擦，实现有点困难。 / p> 关于Fabric的事情是一切都是基于对象的，大多数事情也是基于向量的。 与原生画布不同，我们不能仅仅删除全局位图上的一些像素。我们在下面有整个对象模型，canvas输出是所有在canv
..
如何使用fabric.js禁用canvas元素的缩放点？
默认情况下，fabric.js元素带有8个点来缩放任何对象。但是我工作的应用程序具体要求不应允许在单个轴（水平或垂直）上进行拉伸。 是否可以使用fabric.js？ 解决方案 您可以使用 object.lockUniScaling = true 。 此外，您还可以自定义您的角色： http://fabricjs.com/customization/
..
在Fabric.js中反序列化JSON对象
我正在使用fabricjs开发一个协作白板。当用户创建一个新的结构对象时，我将它序列化并发送给所有其他用户。 var rect = new fabric.Rect（）; canvas.add（rect）; socket.emit（“newObject”，JSON.stringify（rect））; //将对象发送给其他用户 当这些用户收到序列化对象时，添加到他们的画
..
与绳索样式的二次曲线
我试图在布料中创建绳子。一切工作正常，当它是一个直的绳子，但如果我让它曲线一点点，它变成这样 http://i.stack.imgur.com/EZeSb.png 我弯曲时失去了我的一部分绳索模式。 所以我试图将它分割成多个小矩形，并添加模式到所有这些，但它不看起来很自然，所有的矩形在一个凌乱的坐标系统。 那么，有没有反正创建一个正常的曲线绳？谢谢！ 解决方案
..
如何获得组的角度，坐标和比例的对象？
在fabricjs中，对象的left，top，angle，scaleX和scaleY在组中是不同的，而不是在组中。当对象不在组中时，我可以基于画布获得正确的属性。是在一个组中，左边或顶部或角度是基于组。 如果我旋转组，组的角度已更改，但是当我使用 group._objects [i] .angle 以获得对象的角度，角度不变。 如何要获得一个组中的对象的画布相对位置？ 这个问题解决了
..
FabricJS对象不相对于画布大小调整
我使用FabricJS创建全屏幕画布并保存更改服务器。在加载它之前，我调整画布&背景，以便在每个页面加载画布适合用户窗口内。 canvas.setHeight（$（window）.height （））; canvas.setWidth（$（window）.width（））; canvas.backgroundImage.width = $（window）.width（）; ca
..
在画布上保留原始图像质量
我使用 fabric.js 。我在画布上上传多个图像。上传图像后。然后canvas通过 toDataURL（）转换为图像。我想将此转换的图像粘贴在尺寸为 2000x2000 的T恤上。但是这个图片尺寸很小，当我尝试增加它的大小时，由于拉伸而变得模糊 我需要用户上传的大小相同的图片，而不是来自缩小的图像的放大版本。例如，如果用户上传了大小 1500x1500 的图片，那么我需要大小 2000x
..
如何在画布中插入图像，然后在此画布中插入文本？
我试图在画布中插入一个图像，然后我想在同一个画布中插入一个输入文本，但我不能这样做。我如何解决这个问题？ 现在，我想让用户在实际画布中插入一个可拖动的文本。人们说使用 Fabric.js 很容易，但我无法使用它： canvas = document.getElementById（“canvasThumbResult”）; var context = canvas.getConte
..
Fabric js图像过滤器
是否有一种方法来实现图像过滤器，像织物js中的“文本对象编辑器”？所以，当我激活图像对象...图像过滤器显示和更改应用于活动对象。 解决方案 我认为这是你需要的：） 告诉我，如果你需要详细的解释...我对这个文本编辑器stackoverflow太愚蠢：（ // check jsfiddle :)
..