如何在kinetic js 5.1.0版本中将文本转换为图像

Question

我的以下代码在 kineticjs 4.4.3 版中运行良好，但在 kineticjs 5.1.0 版中出错（如屏幕截图所示）
代码是：

var simpleText = new Kinetic.Text({
x: 50,
是：50，
文字：'TESTING',
字体大小：16，
填充："white"
});
simpleText.toImage({
width:50,
height:50,
x : 50,
是：50，
回调：函数（img）{
var yodaImg = new Kinetic.Image({
图片：img，
x: 0,
y: 0,
宽度：50，
身高：50，
姓名：'image'
});
console.log(yodaImg.src);
}
});

出于某些原因，我不得不使用这个最新版本。
有什么解决办法吗？
提前致谢

Answer 1

var textOnCanvas = new Kinetic.Text({
    x: 0,
    y: 0,
    text: fullText,
    fontFamily: "Arial",
    fontSize: 22,
    fill: '#000000',
    align: 'left',
    padding: 5,
    width: 1024
 });
layer.add(textOnCanvas);
layer.draw();

var textImgSrc = textOnCanvas.toDataURL(); // base64 image of text

var textImgObj = new Image();
textImgObj.src = textImgSrc;
var kineticIMG = new Kinetic.Image({
    image: textImgObj,
    x: 0,
    y: 0,
});

src 将是 base64 字符串。然后您可以将此图像应用到 Kinetic.Image() 对象。