Fabric.js + Google字体
可以使用 Fabric.js 与web字体，不附加Cufon库及其字体？我可以很容易地用标准的画布功能做，所以我不知道是否可能在面料。 解决方案 “https://github.com/kangax/fabric.js/wiki/Roadmap%2C-TODO\">计划沟渠Cufon 很快，赞成本地文本方法。当原始文本方法不是很好的跨浏览器可用时，我们将Cufon加入了大约2年了（请参阅我
..
fabricjs相关内容
使用fabric.js在画布上进行免费绘图
我想使用fabric.js在画布上绘制一个免费绘图，但我不能自由绘制 a像喷雾，圆，纹理模式在我的身边我使用这个代码只有铅笔模式绘图是工作但是当我选择喷雾等模式时，该模式绘制为铅笔。 这是我的网站链接开始免费绘图点击添加文本按钮第一选项和然后点击进入绘图模式按钮 这是我的HTML 这里是小提琴墨水
..
Fabric.js canvas.toDataURL（）通过Ajax发送到PHP
我在这里有一个问题，当我需要创建一个透明背景的图像。我仍然不知道是否是与fabricjs或php的问题。一切工作正常，当我送彩色背景的图像。当我发送带有透明背景的图像时，会出现问题。 生成的图像用黑色背景创建。 所以，让我更好地解释： 当用户点击保存按钮，我将服务器端的canvas的字符串表示发送到php，以生成画布的图像。所以我使用follow函数通过Ajax（jQuery的POST函数）
..
FabricJS画布被“卡住”后添加元素
我正在使用 fabric.js 创建应用程序，并遇到真正奇怪的行为。我使用常规 fabric.Canvas （不是 fabric.StaticCanvas ）添加图片和文字实例，添加后无法移动或调整这些项目的大小。我只添加了几种类型。基本功能被包装在一个回调中，绑定到一些按钮上的点击事件，但核心结构功能看起来像这样（简化，但几乎一切都与面料相关的代码相同）：
..
在Fabric.js中使用鼠标旋转事物的正确方法
这是示例： http://jsbin.com/UHENoKi/ 11 / 在这里，我使用简单的公式来查找两点（向量）之间的角度： 但是你可以在JSBin看到 - 。 UPDATE 工作范例： http://jsbin.com/UHENoKi/13/edit?js,output 解决方案 旋转角度是基于0,0原点计算的，但是正方形围绕它自己的中心旋转100
..
Fabric.js在初始化后将我的画布大小更改为300x150
HTML：
CSS .canvas-wrapper { width：900px; min-height：600px; } #myCanvas { border：1px solid red;
..
缩放fabric.js画布对象
我在我的页面上有一个fabric.js画布，我想响应。我的代码适用于缩放画布本身，但不是我绘制的对象。任何想法？我搜索了，但找不到一个解决方案，为我工作。 var resizeCanvas; resizeCanvas = function（）{ var height，ratio，width; ratio = 800/1177; width = tmpl。$（'。canva
..
将画布另存为PNG或JPG
我使用这个代码： $ b。我想将画布保存为PNG，而不是在新窗口中以base64编码的图片打开。 $ b jQuery（“＃btnPreview”）click（function（）{ if（！fabric.Canvas.supports（'toDataURL'）） { alert（'Sorry，your browser is not supported。'）; } else {
..
使用Fabric.js的交互式文本字段
我在过去几个星期里一直在使用Fabric.js，但是对于文本字段，我只能在创建时设置文本。 有没有可能的方法来创建交互式文本字段，或者我必须找到一个解决方法来实现吗？ （对于交互式文本字段，我的意思是一个画布区域，我可以点击并直接写入它。） 解决方案 fabric.js版本包括一个类IText，它集合了用于动态编辑和选择文本的交互。尝试下面的代码用最新版本的fabric.js
..
如何在fabric.js中的一个指定点周围旋转？
任何人都知道如何围绕fabric.js中的一个指定点旋转？例如， var line1 = new fabric.Line（[70，20，70，100]，{ stroke：“＃000000”， strokeWidth：6 }）; 我想根据它的终点（70,100）而不是它的中心旋转它。 解决方案 您可以使用 fabric.util.rotatePoint 。这
..
避免在画布fabricjs的剪裁区域溢出
我使用剪辑在画布上定义绘图区域。当用户在定义的区域中移动内部对象时，元素不可见，但是当我将画布保存为图像他们进来的图片。如何避免溢出？或限制元素移动 页面屏幕截图： 保存的图片： 解决方案 这可以通过两种方式实现： 1）在Rectangle中剪裁画布区域 canvas.clipTo = function（ctx）{ ctx.beginPath（）; var
..
使用fabric.js和HTML5在图片画布上编写自定义文本
我使用HTML5和 fabric.js 进行上传多个图像。我想在此图像画布上添加自定义文本。现在我正在上传多个图像到画布一个一个。上传图片后，我想在画布上添加自定义文字。 var canvas = new fabric.Canvas（'canvas'）; document.getElementById 'file'）。addEventListener（“change”，function（e
..
下载Canvas作为PNG在fabric.js给网络错误
我想使用fabric.js下载Canvas作为PNG。下载时，我想要缩放图像。所以我使用 toDataURL（）函数的 multiplier 属性。但我收到失败网络错误 PS：如果我不提供乘数属性，因为我要缩放图片，所以正在下载，但我确实要使用乘数属性 这是我正在做的： HTML代码：
..
找到在fabricjs中旋转对象的角的坐标
假设我在fabricjs画布中有一个图像。我可以根据图像的 top & left 值及其大小。 当图片旋转任何角度时，该如何处理？ 示例： 编辑：最好不使用三角法，如果在fabricjs本身或其他地方实现了更简单的方法。 解决方案 当然是的。 我们将这些坐标存储在对象的 oCoords oCoords.tl.x，oCoords.tl.y //左上角 oCo
..
Fabric.js - 约束调整大小/缩放到画布/对象
在使用Fabric.js时，如何限制对象仅在画布（或我案例中的另一个对象）的边界内调整大小/缩放？ 目前，我正在处理对象：scaling 事件： //使用打字稿; onObjectScaling =（event）：boolean => { //防止缩放图像外的对象 var object = event.target; var ob
..
Fabric.js子类化fabric.Group - 错误：“无法读取未定义的属性'async'当从JSON加载时
遇到以下问题： $ b 尝试子类化fabric.Group： pre> var CustomGroup = fabric.util.createClass（fabric.Group，{ type：'customGroup'， initialize：function ）{ options ||（options = {}）; this.callSuper（'initialize'，o
..
图像变焦以鼠标位置为中心
我正在使用Fabric.js编写脚本，以便在当前鼠标位置缩放图像。我已经取得了一些进展，但在某个地方有一个错误。 案例1 ：保持鼠标在一点，用鼠标滚轮缩放。 结果：图片缩放特定像素。 strong>在一个位置放大一点（鼠标滚轮的3-5倍），然后将鼠标移动到新位置并放大。 结果：Works 我的代码在这个小提琴： https://jsfiddle.net/gaur
..
将圆角应用到路径/多边形
我正在为几个星期内开始的项目收集一些信息。 此项目包含一个基于浏览器的绘图工具，用户可以添加预定义的形状或自己形成形状。形状必须是可选择的，可自由缩放和可旋转的Illustrator样变换工具（手柄）。 我们想到的预定义形状是：矩形，椭圆，半椭圆和（等腰）三角形。 到目前为止，思考RaphaelJS或FabricJS但...每个形状（多边形/路径）必须绘制一定的角半径。并且缩放时必须保持
..
向控件添加自定义删除（后，toFront）按钮
我想知道是否有一个简单的方法来添加一个删除，带到前面，带回到 函数到现有的 fabric.js 对象控件。 此刻，我只能点击将删除对象，带到前面等的按钮。 找到一个解决方案，能够按下对象上的X（在右上角）并删除对象。 与覆盖，包装或子类化现有的控制对象有关。 也许我有监督的东西，有一个容易的解决方案？请勿使用Div Wrapper。 解决方案 Fabric.js不
..
在html5中的fabric.js画布上一次删除多个对象
我实际上在一个html5画布项目，它使用fabric.js框架的画布交互。现在我正在努力删除多个对象。以下代码似乎不跟踪所选对象，但跟踪画布上的所有对象。 var deleteSelectedObject = document.getElementById （'delete-item'）; deleteSelectedObject.onclick = function（）{ var
..