Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/443.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

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/jquery-ui/2.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 使用偏移时,Kineticjs缓存显示不正确的形状大小_Javascript_Html_Canvas_Kineticjs - Fatal编程技术网

Javascript 使用偏移时,Kineticjs缓存显示不正确的形状大小

Javascript 使用偏移时,Kineticjs缓存显示不正确的形状大小,javascript,html,canvas,kineticjs,Javascript,Html,Canvas,Kineticjs,我正在创建带有偏移选项的Kinetic.Image。 当我缓存图像对象并调用图层绘制方法时,动态显示图像的大小不正确 我尝试覆盖类似此解决方案的方法>> 但它仍然不起作用。我找到了解决办法 只需使用图像对象的组对象安装 var sticker = new Kinetic.Image({ image: img, x: 0, y: 0, width: img.width, height: img.height }); var group = new Kinetic.Group({

我正在创建带有偏移选项的Kinetic.Image。 当我缓存图像对象并调用图层绘制方法时,动态显示图像的大小不正确

我尝试覆盖类似此解决方案的方法>>

但它仍然不起作用。

我找到了解决办法
只需使用图像对象的组对象安装

var sticker = new Kinetic.Image({
  image: img,
  x: 0, y: 0,
  width: img.width, height: img.height
});

var group = new Kinetic.Group({
  x: window.innerWidth / 2, y: window.innerHeight / 2,
  width: img.width, height: img.height,
  offset: { x: img.width / 2, y: img.height / 2 },
  draggable: true
});

group.add(sticker);
layer.add(group);
var sticker = new Kinetic.Image({
  image: img,
  x: 0, y: 0,
  width: img.width, height: img.height
});

var group = new Kinetic.Group({
  x: window.innerWidth / 2, y: window.innerHeight / 2,
  width: img.width, height: img.height,
  offset: { x: img.width / 2, y: img.height / 2 },
  draggable: true
});

group.add(sticker);
layer.add(group);