fabricjs相关内容
是否有办法使用fabric.js 添加到画布的抗锯齿图像我无法使用scaleToHeight函数执行此操作。我在结构库中找不到任何合适的选项。 var canvas = new fabric.Canvas('canvas'); var url =' https://grafikoan.files.wordpress.com/2012/10/spheres-grafic-design-gr
..
我使用一个简单的函数在Fabric.js中的画布上克隆一个选定的对象。 function duplicateObj(){ var obj = canvas.getActiveObject(); var clone = fabric.util.object.clone(obj); clone.set({left:100,top:100}); canvas.add(克隆); }
..
有没有办法明确选择特定时刻出现的所有对象。 这可以通过鼠标轻松完成全部选择。是否有一个代码解决方案,如名为选择全部的按钮,以便单击它将使所有结构类型对象被选中,然后我可以将更改应用于整个ActiveGroup使用 canvas.getActiveGroup(); 并迭代。 解决方案 好问题。 这里没有内置的方法,但你需要按照以下方式做一些事情: var objs = can
..
我有以下无法正常工作: var canvas = new fabric.Canvas('canvas') ; canvas.observe('mouse:down',function(e){mousedown(e);}); canvas.observe('mouse:move',function(e){mousemove(e);}); canvas.observe('m
..
我正在使用 FabricJS 在画布上绘制圆圈: var circle = new fabric。圆圈({半径:100, 填充:'', 笔画:'红色', strokeWidth:3, originX:'center', originY: 'center' }); var text = new fabric.Text('HELLO WORLD。', {fontSize:30,
..
我已经使用inkscape编辑了一个SVG:
..
我正在使用 Fabric.js 的文本框。我给了一个固定的宽度。但是如果用户键入一个没有任何空格超过文本框宽度的长字,它就不会换行。 任何解决方案? 解决方案 是否有一个解决方案,您可能想要或不想实现断字: 覆盖换行的布料默认功能: fabric.Textbox.prototype._wrapLine = function(ctx,text,lineIndex){ v
..
我一直试图在边界内保持一个对象(在画布上用布料构建)。它已经在移动和旋转它时实现。我从在画布边界限制内移动对象获得了帮助,以实现此目的。但是当我开始缩放对象时,它只是继续走出边界。我不明白必须做什么才能将它保持在边界内,即使在缩放时也是如此。请帮我一个代码来防止这种行为。如果您也可以附加演示,那就太棒了。 基本用法
..
标题说明了一切。您可以看到 Fabric.js Mask Filter Demo 。这应该很简单,但我找不到任何将掩码应用于Fabric.js的示例。 我正在尝试将掩码应用于我的JSFiddle。 http://jsfiddle.net/ZxYCP/342/ 从我的JSFiddle,我的目标是将 logo 和 pugImg 夹在此图片(或任何图片,如果你想要的话)。好吧,我甚至无法掩盖
..
我想在样品纸杯上包装图像和文字。 当图像上传到画布上时,我想将它包裹在纸杯的背景图像上,纸杯的位置始终是固定的。 我使用Fabric JS作为html5画布工具。 这是我的代码,但它只显示1像素的图像,当我点击图像进行拖放时,它就是VANISHES。 HTML:
..
为了制作 Photo Collage Maker ,我使用具有基于对象剪辑功能的fabric js。此功能很棒,但该剪切区域内的图像无法缩放,移动或旋转。我希望固定位置剪切区域和图像可以根据用户需要定位在固定剪切区域内。 我用Google搜索并找到非常接近的解决方案 var canvas = new fabric.Canvas( 'C'); var ctx = canvas.ge
..
如果我的 Canvas 元素为空,我想每5秒检查一次。 我按照以下链接中的解决方案,但它无效。 如何对检查-IF-A-帆布是空白 上面的链接适用于 元素但不 fabric.js 创建。 这是 小提琴 没有 Fabric.js 这是 小提琴 当 Fabric.js 创建画布时,不能工作。 解决方案 这是因为你已经将背景颜色设为白色,如果你删除它可以工作
..
我的软件是一种带有画笔的像素艺术绘画程序,fabric.js经过大量修改,以便为fabric.js对象进行像素舍入转换(位置始终为整数),但是调整图像大小并使其成为可能。像素以1:1的比例适合画布仍然是一个问题。 现在,fabric.js zoomToPoint 函数用于能够使用鼠标滚轮在画布上缩放,当图像没有缩放时,它们的像素与画布匹配但是当我向下(或向上)缩放任何对象时,像素不再适合画布
..
我正在使用HTML5 CANVAS和fabric js。最后将它转换为SVG.we可以上传图像并裁剪成圆形,矩形,...。图像也被裁剪并在其上添加文字。我面临的问题是图像没有被裁剪成svg.It显示像下面的完整图像。我已经尝试 viewBox 也在 toSVG 。请建议我做什么或如果我是做错了。 $(function(){var canvas = new fabric .Canvas('C
..
我正在开发一个项目,其中可以在fabricJS画布上绘制多个形状(矩形,三角形,椭圆形,...)。现在我正在实现绘制箭头的功能。此箭头由两个形状组成,一条线和一条三角形(箭头)。它们作为组对象添加到画布中,但问题是在画布上未正确绘制箭头。 (参见 此图片)。 下面是我绘制箭头的代码: drawShape:function(canvas,shape){ 让selectedShap
..
我有一个Canvas对象,其顶部和左侧属性通过之前的JavaScript函数定义但是当我创建一个结构Canvas对象 var fabricCanvas = new fabric.Canvas('mycanvas'); 我的HTML Canvas的顶部和左侧属性设置为0. 我尝试在通过脚本创建Fabric Canvas对象之后设置top和left属性但是当我这样
..
我试图在画布上显示每个对象的某些属性,但是我很难编写代码来执行此操作。例如。我希望下面的代码能够识别形状,文本和图像对象之间的区别,并根据类型显示属性。 console.log的属性: 对于canavas上的每个对象,检查是否 - 图像然后URL(来源)和比例
..
我的代码是 我从红色虚线框中获取值并应用于生成多个蒙版的剪辑 我的问题是它取得所有属性但不是所有属性的轮换 canvas.clipTo = function(ctx){ ctx.beginPath(); for(var i = 0; i
..
我正在使用Fabric.js在画布上绘制矩形。绘制矩形后,我想禁用该对象上的所有事件。我尝试使用 canvas .__ eventListeners [“mouse:down”] = []; 但是在清除了对象选择后,画布无法应用任何事件。 HTML5画
..
我正在使用几个分层画布和fabric.js画布,如下所示:
..