Ios Can';t在ipad中滚动形状或图像
当我创建一个形状或图像并将其绘制到舞台上时,在iPad上我无法滚动该形状 例如,如果我的舞台在宽度或高度上比iPad的尺寸大,并且我想进行滚动以查看舞台的其余部分或图像,那么舞台将被锁定,因此不允许我滚动 有人能解释我的想法吗 我试过使用原生画布图像,但事实并非如此。这是虫子吗?下面是我的代码Ios Can';t在ipad中滚动形状或图像,ios,ipad,kineticjs,Ios,Ipad,Kineticjs,当我创建一个形状或图像并将其绘制到舞台上时,在iPad上我无法滚动该形状 例如,如果我的舞台在宽度或高度上比iPad的尺寸大,并且我想进行滚动以查看舞台的其余部分或图像,那么舞台将被锁定,因此不允许我滚动 有人能解释我的想法吗 我试过使用原生画布图像,但事实并非如此。这是虫子吗?下面是我的代码 var mode = ""; var points = []; var templayer = new Kinetic.Layer(); v
var mode = "";
var points = [];
var templayer = new Kinetic.Layer();
var activeShape = '';
var color = '#46468f';
var opacity = 0.2;
var stroke;
var link;
var userMode = 'edit';
var stage = new Kinetic.Stage({
container: 'stage',
width: 768,
height: 844
});
var stageWidth = stage.getWidth();
var stageHeight = stage.getHeight();
//var background = new Kinetic.Layer();
//var bgImage = new Kinetic.Image('images/room2.jpg');
var layer = new Kinetic.Layer();
var rectGroup = new Kinetic.Group({
x: 0,
y: 0,
draggable: false
});
console.log('Adding group');
var rect = new Kinetic.Rect({
x: 0,
y: 0,
width: stageWidth,
height: stageHeight,
fill: color,
opacity: opacity,
stroke: 'black',
draggable: false,
listening: true,
name: 'rect',
type: 'productTouch',
strokeWidth: 2,
done: false
});
console.log('Adding layer');
var layer = new Kinetic.Layer();
rectGroup.add(rect);
layer.add(rectGroup);
layer.draw();
stage.add(layer);
我也有同样的问题。也许是其中之一: 1. 确保未设置这些变量中的某些。。。尝试对其中任何一个进行注释,看看行为是否发生了变化
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=3, minimum-scale=1, usr-scalable=no" />
2.
检查是否已启用css功能以允许进行滚动
溢出y:自动;(在你有的一些div上?我在创建图层时修复了这个错误
var layer = new Kinetic.Layer({hitGraphEnabled : false});
在panzoom.js touchwipe.js和Jquery.kinetic.js的帮助下,用kinetic.js在ipad上模仿pinchzoom和滚动,这是一个有点丑陋的黑客行为(名字只是巧合)
var isiPad = navigator.userAgent.match(/iPad/i) != null;
$(function() {
if(isiPad){
$('body, html').kinetic();
$("#wrapper").panzoom({
disablePan: true,
minScale: 1,
maxScale: 4
});
//Enable swiping...
$("#stage").swipe( {
//Generic swipe handler for all directions
swipe:function(event, direction, distance, duration, fingerCount, fingerData) {
$("#wrapper").panzoom("reset");
},
threshold:0
});
}
});