Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/ios/96.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
Ios Can';t在ipad中滚动形状或图像_Ios_Ipad_Kineticjs - Fatal编程技术网

Ios Can';t在ipad中滚动形状或图像

Ios Can';t在ipad中滚动形状或图像,ios,ipad,kineticjs,Ios,Ipad,Kineticjs,当我创建一个形状或图像并将其绘制到舞台上时,在iPad上我无法滚动该形状 例如,如果我的舞台在宽度或高度上比iPad的尺寸大,并且我想进行滚动以查看舞台的其余部分或图像,那么舞台将被锁定,因此不允许我滚动 有人能解释我的想法吗 我试过使用原生画布图像,但事实并非如此。这是虫子吗?下面是我的代码 var mode = ""; var points = []; var templayer = new Kinetic.Layer(); v

当我创建一个形状或图像并将其绘制到舞台上时,在iPad上我无法滚动该形状

例如,如果我的舞台在宽度或高度上比iPad的尺寸大,并且我想进行滚动以查看舞台的其余部分或图像,那么舞台将被锁定,因此不允许我滚动

有人能解释我的想法吗

我试过使用原生画布图像,但事实并非如此。这是虫子吗?下面是我的代码

        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
              });
             }   
        });