fabricjs

    0热度

    1回答

    我正在处理在线打印介质应用程序,如'vistaprint.in',其中用户可以在织物js画布上修改预制设计。在fabric.js对象中没有对象的唯一标识符...所有的文本对象都为它们创建了一个输入,以便用户只需通过更改输入即可直接更改所需的文本...您可以在右边的截图中看到画布有每个文本对象的输入...我现在正在做的是当输入更改时,我循环遍历所有文本对象,并匹配输入文本和文本对象文本,如果它匹配,

    1热度

    1回答

    我有一个内部透明的图像。它被设置为CSS的背景。我可以将图像添加到画布上,但希望一次只能添加一张图像,以便在画面的透明部分后面添加图像。我该如何做到这一点?先谢谢你! var id = document.getElementById('rectangle') && rectangle || document.getElementById('anotherCanvas') && ano

    1热度

    2回答

    所以我目前有一个问题。我正在使用Meteor.js和Fabric.js,我试图找出如何重新调整图像以适合画布。目前这是我的代码: var canvas = new fabric.Canvas('c1'); canvas.setWidth(800); canvas.setHeight(800); var canvasHeight = canvas.height; var canvasWidt

    1热度

    1回答

    美好的一天,我希望有人能够帮助我。 我有一个for语句,在fabric js canvas上创建并添加多个Rects。我需要为每个创建的矩形设置纹理,所以我使用下面的代码。 var rect = new fabric.Rect({ width: 100, height: 100, selectable: true, hasControls:

    0热度

    1回答

    我正在构建一个可以设计自己的名片的应用程序。我必须通过一次单击将对象添加到两个画布。这里是我的代码: $('#image-list').on('click','.image-option',function(e) { var el = e.target; /*temp code*/ var offset = 50; var left = fabric

    1热度

    1回答

    如何固定文本框的大小以防止在输入时固定大小(固定宽度和高度)? var canvas = window._canvas = new fabric.Canvas('c'); var text = new fabric.Textbox('MyText', { width: 300, height: 300, top: 5, left: 5, has

    -2热度

    1回答

    我有2个Fabric.js iText问题。 我在Fabric.js中遇到了问题。我想在我的应用程序中使用手写字体“Alex Brush”。文本开始有点开箱。在文本的结尾是相同的问题 - 文本结束了框 如果strokeWidth过高,它变得丑陋,你可以看到图片。 Sample Text Image

    1热度

    1回答

    我试图从组中替换SVG(或删除并添加一个新的),但它不工作。这些都是我已经尝试过的方式: var group = new fabric.Group([svg, text], {options}); canvas.remove(svg); // not working group.getObjects()[0] = my_new_svg; // not working group.for

    0热度

    1回答

    我尝试使用fabricjs实现图像缩放。我的要求:在不改变边框尺寸的情况下缩放图像的内容(不缩放图像)。 这是我的代码:jsfiddle.net/63twbox/11/ 按照这种方式,我需要矩形的objectCaching设置为false。但是它在移动图像时会导致严重的性能问题。所以我在缩放模式下将objectCaching设置为false,在其他模式下设置为true。然后我得到另一个问题,在缩放

    0热度

    1回答

    Fabricjs:我有一些圆圈,超出画布层(top:-300),他们有coords,但是当我做指定位置的动画时,他们只是在没有任何动画的指定持续时间内出现在屏幕上。他们为什么这样做,以及如何实现这一点? animateCircle(ind, co, shift = -300, ca) { co.animate('top', shift, { duration: 1000,