Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/batch-file/5.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Fabricjs:编辑使用flipX反转的文本时,单个字符保持翻转;编辑isn';这不是很有用_Javascript_Html5 Canvas_Fabricjs - Fatal编程技术网

Javascript Fabricjs:编辑使用flipX反转的文本时,单个字符保持翻转;编辑isn';这不是很有用

Javascript Fabricjs:编辑使用flipX反转的文本时,单个字符保持翻转;编辑isn';这不是很有用,javascript,html5-canvas,fabricjs,Javascript,Html5 Canvas,Fabricjs,在使用flipX=true编辑Fabricjs IText时,为什么整个字符串都未翻转,但每个字符都保持翻转状态?而且编辑不是真正有用的。是否有其他属性或我应该使用的东西来帮助它更好地工作 这将创建Fabricjs IText并反转字符串: var txt = "Reverse string"; var canvas = new fabric.Canvas('canvas'); var text = new fabric.IText(txt, { left: 20, top:

在使用
flipX=true
编辑Fabricjs IText时,为什么整个字符串都未翻转,但每个字符都保持翻转状态?而且编辑不是真正有用的。是否有其他属性或我应该使用的东西来帮助它更好地工作

这将创建Fabricjs IText并反转字符串:

var txt = "Reverse string";
var canvas = new fabric.Canvas('canvas');
var text = new fabric.IText(txt, { 
    left: 20, 
    top: 30, 
    fontFamily: 'sans-serif',
    fontSize: 40,
    flipX: true
});

canvas.add(text);
canvas.setActiveObject(text);
canvas.renderAll();
…正如所料:

但是,当您单击IText进行编辑时,它会按顺序更改为整个字符串,但单个字符仍处于翻转状态:

…左键将光标向右移动,反之亦然。如果整个字符串都翻转了,这会更有意义,但现在不是。这只是代码的当前状态吗?有什么解决办法吗


这里有一个JSFIDLE:

,因为您翻转的是字符串对象而不是字符

如果要翻转字符,需要绘制
fabricjs.Group

for(var i = 0; i < txt.length; i++) {
    left += 25;

    character = new fabric.IText(txt[i], {    
        fontFamily: 'sans-serif',
        fontSize: 40,
        flipX: true,
        left: left
    });

    string.push(character);
}
for(变量i=0;i

我不想翻转角色--Fabric.js在进入编辑模式时错误地(我相信)让角色翻转角色。当我渲染IText时,它是正确的。我想要的是在不处于编辑模式时显示翻转的字符串,但在编辑时显示正常(没有翻转)。请理解,让我检查一下……只是出于我自己的好奇,您需要什么功能?用于应用于玻璃窗内部,但可从外部读取