Kineticjs 缩放图层后如何缓存图层

Kineticjs 缩放图层后如何缓存图层,kineticjs,Kineticjs,我的问题是,缩放图层后,图层看起来“丑陋” var stage = new Kinetic.Stage({ container: "canvas", width: 500, height: 200, }); var myLayer = new Kinetic.Layer(); myLayer.x(0); myLayer.y(0); myLayer.width(300); myLayer.height(200); myLayer.clearBeforeDraw(true); var si

我的问题是,缩放图层后,图层看起来“丑陋”

var stage = new Kinetic.Stage({
  container: "canvas", width: 500, height: 200,
});

var myLayer = new Kinetic.Layer();
myLayer.x(0); 
myLayer.y(0);
myLayer.width(300);
myLayer.height(200);
myLayer.clearBeforeDraw(true);

var simpleText = new Kinetic.Text({
  x: 2,
  y: 10,
  text: 'Text',
  fontSize: 30,
  fontFamily: 'Calibri',
  fill: 'green'
});
simpleText.cache();
myLayer.add(simpleText);

stage.add(myLayer)
stage.scaleX(4);
stage.scaleY(4);
stage.draw();
看起来动能首先绘制图层,然后缓存它,最后缩放图层


有人能帮我确定如何缓存缩放的图层吗?

执行simpleText.cache时,您正在创建文本的图像

当您将该图像(任何图像)缩放4倍时,始终会出现扭曲


为避免失真,请在simpleText中使用较大的字体,而不是缩放。

您好,谢谢您的快速回答,但这只是一个示例。我的原始代码非常复杂,问题不在于文本,而在于我必须理解的整个阶段/层!将KineticJS层图像缩放4倍总是会产生失真:-(嗨,我看到这现在被归类为一个bug)