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时,它是正确的。我想要的是在不处于编辑模式时显示翻转的字符串,但在编辑时显示正常(没有翻转)。请理解,让我检查一下……只是出于我自己的好奇,您需要什么功能?用于应用于玻璃窗内部,但可从外部读取