Question

我正在使用jQuery Mobile开发应用程序。我的问题是，在按下特定页面的后退按钮以及页眉和页脚后，HTML5的canvas元素会迷失方向。其他页面我没有遇到同样的问题，我使用相同的后退按钮代码。我的代码是：

<a href = "index.html" data-role="button" data-icon="back" data-direction="reverse">Back</a>

html页面的整个代码是：

    <body>
    <div data-role="page" id="page">
        <div data-role="header" data-theme="b">
            <h1>Upload</h1>
            <a href = "index.html" data-role="button" data-icon="back" data-direction="reverse">Back</a>
        </div>
        <div data-role="content">
             <button id = "capture">Capture Photo</button>
             <script type="text/javascript">
                 var encoded_image = "";
                $('#capture').click(function() {
                                     encoded_image = capturePhotoEdit();
                                     });

                </script>
        </div>
    </div>
</body>

带有画布的html页面的代码是：

   <body>
    <!--Page header-->
    <div data-role="page" id="page1">
        <div data-role="header" data-theme="b">
            <a href = "index.html" data-role="button" data-icon="back">Back</a>
        </div>
        <div data-role="content">   
            <div id="images">
                <canvas id="draw_area" width="300px" height = "400px"></canvas>
            </div>
        </div>

        <div data-role="footer" data-theme="b">
            <a href = "Photo.html" data-role="button" onClick = "toCamera();">Capture</a> </div>

    </div>
</body>

与其他页面相比，我能找到的唯一区别是这一个是在画布之后加载的。其他页面先前加载的页面......有没有办法固定位置？

如何使用jQuery获得canvas元素的固定位置？

0 个答案: