私は私のプロジェクトのためのファブリックJSを使用していますが、私は下の画像のように、複数行のiTextを分割したい:ここファブリックJS分割複数行iTextの
私のコードです:
var canvas = new fabric.Canvas("canvas", { preserveObjectStacking: true
});
var text = new fabric.IText("Hello!\nSplit Me\nPlease....", {
fontSize: 20,
top: 80,
left: 100,
fontFamily: "Arial"
});
canvas.add(text);
canvas.renderAll();
$('#split').click(function() {
var object = canvas.getActiveObject();
if(!object) return false;
if ((object.get('type') == 'i-text') && (object.getText().indexOf("\n") > 0)) {
var splitText = object.getText().split("\n");
var group = new fabric.Group();
var cloneObj = [];
for(var i=0;i<=splitText.length-1;i++) {
cloneObj[i] = fabric.util.object.clone(object);
cloneObj[i].setText(splitText[i]);
canvas.add(group);
canvas.add(cloneObj[i]);
group.addWithUpdate(cloneObj[i]);
canvas.renderAll();
}
object.remove();
canvas.setActiveGroup(group);
group.setCoords();
canvas.renderAll();
}
});
ここにjsfiddleがあります:https://jsfiddle.net/m74ruzwq/2/
助けていただければ幸いです。前もって感謝します。
あなたの助けをいただき、ありがとうございます。しかし、私はこのエラーメッセージ "Uncaught TypeError:未定義のプロパティ '_activeGroup'を読み取ることができません。 : –
スニペットは働いているように見えます – AndreaBogazzi
あなたの助けに感謝します。 –