html Phonegap rotate_camera_pdf_version1

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了html Phonegap rotate_camera_pdf_version1相关的知识,希望对你有一定的参考价值。

<!DOCTYPE html>
<!--
    Copyright (c) 2012-2014 Adobe Systems Incorporated. All rights reserved.

    Licensed to the Apache Software Foundation (ASF) under one
    or more contributor license agreements.  See the NOTICE file
    distributed with this work for additional information
    regarding copyright ownership.  The ASF licenses this file
    to you under the Apache License, Version 2.0 (the
    "License"); you may not use this file except in compliance
    with the License.  You may obtain a copy of the License at

    http://www.apache.org/licenses/LICENSE-2.0

    Unless required by applicable law or agreed to in writing,
    software distributed under the License is distributed on an
    "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
     KIND, either express or implied.  See the License for the
    specific language governing permissions and limitations
    under the License.
-->
<html>
    <head>
        <meta charset="utf-8" />
        <meta name="format-detection" content="telephone=no" />
        <meta name="msapplication-tap-highlight" content="no" />
        <!-- WARNING: for iOS 7, remove the width=device-width and height=device-height attributes. See https://issues.apache.org/jira/browse/CB-4323 -->
        <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" />
        <link rel="stylesheet" type="text/css" href="css/index.css" />
        <title>Hello World</title>
    </head>
    <style>
    canvas 
    {
        border:1px solid red;
    }
    </style>
    <body>
        <div>
            <h1>Hi Nicole v_rotateer</h1>
            <div id="deviceready" class="blink">
                <p class="event listening">Connecting to Device</p>
                <p class="event received">Device is Ready</p>
            </div>
            
            <img id="myImage" width="300px" onclick="rCanvas(this.src, this.id)"/>
            <br/>
            <img id="ti3" onclick="rCanvas(this.src, this.id)" src="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/2wBDAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/wAARCAA4AGQDAREAAhEBAxEB/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/8QAHwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoL/8QAtREAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSExBhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl8RcYGRomJygpKjU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4uPk5ebn6Onq8vP09fb3+Pn6/9oADAMBAAIRAxEAPwD+XbwF8OdJ8PafDa2tpIFcBridIY5BPJLJbP8AvL51iEt5JPG0THKLF5ghljs4kkEP4rm+d4rG1mt1JSuu97efbvp+F/6QwGV0svowp0t4b2t/27f/AIY9z0rTooYlmCRxRRxSxq7h/nMce2SBi4BaWL7RMWG1WH2YeYglL2h+UrV026L0lK/M+l09Px3f+Z78aF4xn/N32dvlrv8Ah8jrbSz2Mwjt2UyxtCbmVZZCwuBPbxuqxI7hZGeCXzJMQx4ydkzW8MPJLTmj2V1bzX/AH/X9fcdrpNtFO8UlxLDsZ2KrNdedBclrq5wZZZISZTdRNDZxxsjwwvLiPbM91nzqlaXvKPzv1v316a/PQPc+18tvnv8AI9V8Paza2l9YyebtiS/I8xsQov2poQJZCZY7dpEZVM0pWDyVaD/WeYdvkYlTs3Lq3b7u/wBxcHTV+V9r7efb9T7T0URraLb2EM95I00duLm4tmuBNexW9u19cRSWFtLLFaW1pHzeLO6q0kUrkCEE/P4qc4c3L1vf5N2+ZomnsztGeS4kt11WUtIym3WVrYQCBnKZuzHLG00sy5ZXWFQzoY4pQpgSaHg9t7sfatdeW69L7/L5WGfMX7ZPgj/hKf2bvjVobR6hf6jF4M1PxRbQ2ltHqxk1fwibfxR4chTT760uI/Lv9S0Gxt7ix+zytNbSzImD/pT/AFPBOYwwfFmQ1U0qdXHwwlV7f73CdCKbV9GpyT0enR7Pzs5pzqZRmXsv4tHB1cVT/cfWdcOr/wAGalRlrNa1U7fZT95P+XfwneW1tJpN5FYabeyO094sc9yuh29veNFcRmJrw3EEUCx3EomhX7TGwVDbRMxt2SL+tc0oudCTVTEU6XJyx9m2+b2cqlN87bbtaKcXsk9FayPyXg3FSp5vhcVOlQq1Z06tWXtqP1e15P4KUL0IptNP2OiSjdJKKPXNH8Q6tc6hK1jpHhw/NPHLa39pqnim1MUMEgkETXUOrQuTEYpt0MsiOHQn5Qpr4WpgcAkqlXE4zmXM1FYhYe9mm3olzNPe9uW66NH9A5fneZYilFUPqOHipzv+49u53at35FGz85OT7HZ2Nx8Q7OaQnWb7wxLfeW88eh+HYNISTzZGcyW0A+wljJ5TRqXiTZk7sQtPXlVamVwaX1H2lr+9jK7rXemtPfkTes9by93XQ+qw6zWrD97jvZJpWeDwXJzXv/Fn9lLRQfnP561tpeo3KGGfxt4qtmdQ16ZtY07SotsaCEwTrL4ks0aRi7NJ5gcpvHlbYWj3ZxxeCpySoZdQvNpP2NB19tubT3bXfLs5a22O+GC0cq2ZZnbRyjSxnJCV/wDn7F7JfZW13Kxn3HhDTpJM3ereGbuQKESa+8e6Gty0SZVBIqeMNoPBPHcmvUhiK7inDLHy9P8AYf6/rY0dPIlpUp05zXxTq4/9431ctVrc+ytKsEg8sQyZnBxud4nYIwJglMUIMc2HcRJGFbMMUT7ZNhik+JqznNe/fRStdd1r+SPyGNH93r6/121+75K/Q20EsxCKpkicx2w8sPcM6JOuydUjLyF1Z7VVuFPz72i+0DaJZ+Obsn53/wCCauKp0l57fK1tul9LdO53umaXNLFaTX+5neOSa4tViYqZhs2RG5e3SS7mjjNw0twzSYLrbCef7N5Mnm1atnbq77dNvTo9/wBQj70E/wCW9/nr8tmvkReI7+70y2u7uGR5vKEzw24YtI8YitwltEm9t8iIVYRRr9ocg+QFKvDDNOiqtWD/AJf19fTbz8jmq1FFPsr/AH/8C3zdvJnm8fivWAlreJfu/lJ+8RRI4tQ7I+b62ktjdkuyLbyRTQXIihMwmMauu/vq4KMvdn10XXtfV+bXXT11PInjpRm+Xp8+9n29LH0N4R/a38caE9qLi38OeIL23gtre3nv7C+E1n50cEtpaKuiahY2cEe5VMMr2kMghtI0eSEuZY/Jr5Bh5pyknd3cf1s/u/pG0MfL7e/Szevy/r/L6o+HH7SOgeMEt9L8ZQJpeoXsjpD4hjvI49F+1m4laCW8WaW6utIhZpLW0C3cs+nv5ha/WxhAhb5bHZPPDJ1Y0/aJNv02tf116+V9zrpYmNVPnv7trJf3r9Ftt/wDtvib8QNK0TSZdI1bT4tSvPEOhvbiyt57Seya1ksbm1ubu6mMtxENKufMjtU+yfa5L6N5mt9OlW11Py+LBU6zqKt9Xs6PLXht71WlVpunDpdy975adzplVowhJya5ZU6lGXrWSStZd1qrdT+VD49/Bjxr+zn4xfw1rdmtxoWrxy6v4M8TQXNvqmk+INCnigmEceq29vHZ3WqaTDc2ltrFnCkX2O+ma6tWvND1PRNV1H+zOHM6y7ibAU8RQq8tegoUcbgXZSwWIVKCk3F6r2/I3GSvGcaV7qSnGP4XmlHF8M4utRnSdShWqSrYe7v7rd52fdqUE09bp7r3peT2XjW9sNgscxyBVCt5jQMoeMbyrQyAxJuUAs0iDYWAimB/d91fI8LUnKVazi1JuLXxOzv6W0u7bdNj0MFx3i6CpxoYb94naEm/gtbXrp8na1rXZ9P+Hl8B6jpNjd+JfFvjJNV1KO3e7ihm0aFLOQxMGtpF1LTdTluHjYxmK5V0kNs8J8hDgn4fGUcbQxs6eFyyh7Ok37GpXvaz+Jx11tZOX/bu3T9Pw3E1XE4SlLFY+vSrVtVTove1rqV1ra6tddWen+GPB3ga3aPUr3w1f+JPDmp+Yun3E2tatA8fluqTXBuNDu9F/wBJmCzAi7j8tJlhFmFlYhvIxmOzGN40MVRw2MUZXhRoYetd2XKpe3oV+RrXl5OW93fm5Y29/Dzm6PtZUsbUhJL37tNqz673809NGj7M8N/AH4F+IdHtdUh+F0sqTeZGfM8QeM9RZJYHaGaMXMmo3O6MTJI0SrM22JkEn77za+AxfFnFeHrzpVMz96Ls/wDYMD/87z16OHwVanGpLDY28lrpf9V+RHYw75rjy43kj8zyhJjKqqkR7mL5O2RBA0ikGBpopvO+YQiu2bmovn+W/wA9/I8an1+X6nd6FpK38u9gUJldUkUKIZx5EsMC28cUMfkT3MS2uGffPKLc+btVIg3k1neNT5f+3frcc4c7i/5b/jb/AC8j1Gw0RrmNYIIjEQbfypJFlBAIS5EoeWKIOiRRJJf7S+2+huMgZGfNntF9FJ3/APJSaukUuyf5I8f+M0S6Jod2XkiWG0LXTLZ7hcIlrILh3hkSMvFFbmExNMJlVAg3210CBD6mWTnWrKjG/vWv+K8++v3rXfxsfU9lSU+3N+n3evQ+dLPxJpWpQfbPNtJVEV0VvjIZZ8QFo1RjE1skqNL5c048u2e6e2hicoSFl92rhalGcn1SVvn/AMBLfpd26HhKtCpH2kut+X5b9NNdu5rafrFrfXs2gWkcF9cy2UF3Mlutwk/7/UII5ZVEMpuGmuCzCeKO3kitleCG5tDCGaTkeExSUq9X4HZr0S1X3W+5W2FCrGo5KLvy2v8AO/8AkeoeF/tc0GpXst22nxWZW1WGcNI32uY3AEawuigKbiG5hlF9GrERJutFuRI6+NiVR5ou2s3K/b3bW9d9NPQ7qMbxvvy/q3r8rFu48QTW+nLNqeqabpsKj7MkU08en2kt7c751WKC+vZGu7mQKcrJFcXMUfmvHL9maVExlh6bSmk3ytNpJ6W30V7K3xa21vc2VRc0U3tfX10t/Xp5H2z8e/2KNH+K3/BMPVviB4ltZNM8b/DzwP8AED45+F9UvNOkk1Ww0/w1qPifxGdLSWG/0yG50zxZ4I0q6gd/OMMsWsWOtXFjfT+GtEWOuDuLK+R8c4SlRipYfMsRgcsxKvy2li8ZSw9Caa1vCdaU2lbm5eVtJtri4ly6lmmSYmMv4+Ej9cof9wk3NXurbxjuvVH8k8YzLGN6qWlj35VBsLvhv4EBbOdwjHyAopJ2qT/X/LyqUfspXX/cRe17LpUivl83+CQ3oyvevLFQqedpOV0+m8ena1kfVvwa0jQfE019a65cxRSRwuLZZmKMy2kNuIXt3mcQiaRbCZY/3UjGXys7YfO3fm3FGJxuXzoVcJS9oqlWUKv93WmoX83zT9LPTRH9BeHuFyXMaOKo5jV9nUpuU3frZTf4JJa33+R+tf7NHw68N+Ifgtod9fXml3ulpceK47p0S1uPLc+Ir7ybaZpN8zfalZbiNXihhY3Vqqb4TDs/DuLMZmMc1q0o4b3rUKr16tN9r/5/PX73LXhnSawlT2mHp1alOL7KLS/Hr6ff2C/Ef4XeApLnQvCN5q+oWAuJLm8udHexGnvqTBbebyZtSiE14xtra0ea8i/0e4neRoeM15dXIuIM4lHHRwuk4RirJP4V5W7nRVxGEjNpp36/1+Z5/oVrJcSgLDM7GOZ/KtIFLszgeXulDq8PmMv+oZWkulV/tGBDHn6WtUgqcoRqe159/wC7y7fff8GeVThVUF/lf9D3vwvo9rHCIrTy0IeBVguFgQq9xE720VsyLHHE4jt5GtIhMr5W635+XHjYjEckYU/5ee/zUe+nTXbTqW3KCal120tqvku57noPhOO4S2mxLL+5jhWWPicm5Z1lljjjcB4w7orW7PL5xBuBs+xtu8h1+arf+WM+tu2/5enRanNONrP+a/4WPFP2mvh1K0Hg6z1GGW4Ov2uoTXkbSx2AGn2BtkaS4lVrSa3jee+s0lEV0smxmtAkiRPt9HIsVPlxFSNVU3SlB/4uZ1Ouj05fxPDxkfaNU+kr3+SifFep/Dbwxpdvl/CWkae0M0Jklt7K3sI4phJELe3hezdb2SyEUUEoAD2Cq9y9y7LNJj6vD5rjZ1VOeKbTjJq71b0u276t6PddN2eNLCUIc0YrWPxeersv8ux6H+zB8ALP4m/GuPwPouteHPCGq+ING1PRbbUNSEvn3kVnBpWsyw6P9rsL6zudZ8uyvNXmttStzbXVjoerWcdzDqNysVzyZ9nOIw2Ue2n/ALWoTnah1nqvK3Vff16TgsPCOKXLtyyT+S7ff93ex+hnif4B2HwzEXgfTrrVPGl/Z2yGbxtrVna6XBf/ANsahdvDFoOj2RnXT9O0rTfDqLHpralrE9w2qXt4b+O0ubPTNO/OVm1XGSeIX+yNKDWH6wvf8HZP8dD3qdOEaaUuspcvrp333Wnpc5Bf2fvhro1ydSuPD+mT6hast2mbC3iW5v1mS6hur6Nrecqiz/Z90E3lFkt7bbKIzMjk85zOUJ0o4n93JWl6JPp53f6jhhqXM5W7fqdX+3z/AMFHL/4NfsxeJfhhq/haz8ZeJvjp4M8Z/DLRZJIbfR/D9ho0mh2nh3xXqmqrpVxHeSajDp3im1TQtK0ex0rRdV8m+u5tWtbbSbHSfEn0nhxwa+IeIoY6pj5UqGU1aGMxEaTarTqt1ZYeUHa3JB0qiqO6laUWlu14nFGaQynKqsqdNVKuKjPCQ2svapJrd6vd6Pbbv/IBGE8xfmLbZEIVpRhmjUEDcUaMkOrQq4SNpA2SPLEhP9ktqCjF8rm6Lnz09ac6bilCz29okpOprvJdU2/wijHmqQlKHJVVbkltry2s2vJvo+umt5P0++ivG8a6ZarYSadN5PhKCKx3SySXaSaHo8FpdAXAjMg1iBo9TDMskCf2gdoWEwA+ZJw+o4ipL/l3Cs1/28437bWt5n1FCjXq5nhqMv8Al5Ww/s2v7vPdee6Wnf7v0t+Bvg/xJ4z+EOr+GYNTu7DST4yuL280lrK2gtLvULDS/DUwbUZ54LSTUbZJTEI7W7nn02K8trS7jtpGgEsH4NxJmFDC51TrVKSqU54eClJWbgldX8nK73tdLW6P3HKcHjZ4eeElV9moVZTjD+e1m9raKy9ebufSnhrxRpvgfSYPDOtS6dol/pxKyWuqLLZ+dHIqywXtgY4wl3Y3ULJILlYoVW8+2WqIyWqzS/E46jiMbiZ4jDYz2dGprGFvh303R9XQy3FYqnGr9SVS3uc1m78ul9O+/wAz0Tw7pcCBpJ0xNvKShormZZC9zHKjfPtunit4A3loHkt08l8Q281/ceb01YxUbx7O979tP1IoxtBdmlb0/p2+R9J+CfDV9qqwW5WLerztJbnfJGtk0SElCls6RTXMDrLHhw0WWhckwivBxNW7t/LdL1f+Vv62SrR5uW3S/wA9j678CeDVLW008KyywmUToGF7ciO2LF7eJpUZhMzxNMTHsZPs46kLjxcRUtCXZ/kvyvrv59jy60eXlt1v8tjp/ix+zva/E+18PzwX+maVPoaaqkCak0iQK2rS+H54tR1S9vbmOS1+wR2c829Wi8oXLzJIvk84YbH/AFeFT++43Wn2eZd/73f/ACOGcOfm8m7+jPm3X/2EvFWt3mq2dnDcQyC5ulEmoX66qz3MEEdzp1zbXW1L++t5mvmW4LWIgsxAJl1jWLi9t72vTpZ46cYtdde22z/Hz9e3HUoX073t1/4On3+Zk+Gf+CbXjTUdY0+4ls10+xuEjh1u2jv52/s63g1O7ubFNNnisLou1gZ9NuLCR755dOSG/wAW5t7i3w8RxNz0vZa2lKKl0vrZfm18znWC5JKXf06f8P8ALta55to/jX4gwaRDHcvZ6rdPJcXM+p64moX+v6hNNI3ltcau8sy3zW1jbWcMZW2TyYLWEGCLfhvOrQoVazqxV3KMHL7nbtvd/LQ9KPuqMfJ/hqWppfFXiNUktorWK5e3VXhEkcaxOpLtNLLdpZJbJvZJHZiwkgmnglglgkmaGJ1aFNRUlve19drX2v3R0U6Tim0vi8+1/PzPlD9uz9naPxV+zlqfxo+L/i65+HMfwok12y+GFpJHY3938TPFPii9srCTQLDR1v7S8vGvdX0Gz01LjTdQgk0vQtO8Y+LUtPENj4L8RWFv+k+FmfYvC8QrKsty+OPhmypyxqcuX6tQwKqv61d2T9l9ak+VJyk2oQV5WfyvGeX4XFZTKviansp4VydHrzOry8+l1s6cFut+iuz+d1UJwpO/5UKliz+WGjRldvkVH3ySEEtCy9FjlmkEW3+ppfvJNufsqrnFKen72nFSVKW7fSa/Cy6/jdNP2kF7T2lNTppbe6k5aO29/LsfaOoa74Q05rC41+x1nU9Nh8N+ANPm1TTtIt7bVxfX3w/0wW8FtGdW8LSNDperWNwbfUNJuLiO9n0KGXWLiyN/H9r+Chl+YV6mPhQxNDmc8XUj7dJq0HFuy95f4oyWqasmnr+rRx2Cy+hhcRUpOpFKnTqPVKPPypcrTUtdbNbWeqsfUnw2+L9/4I8Ka7p3guxfWbvxJ4om13SfEXii78OaVNBZ6to+g2krT+FIvFsvl6hdXFteywiK+htbK3mg1GaaSE3elxfmmcZJHHYyFXG1KNWVOjCFaNKyhKSlUcHV0d0lZK+rtJJ9V+1ZTlEcVhqOJhTVPCVqdOor21Uo3f3a+l9Ty7VtAu/GOo3PiDxbq3iS91y9MSXU1mnw4NuFtYIrWKFEbxzYpEII4REIoLaK3QIPJRUIRfUwlWng6EcPh8uyJ0oX5ZTc1KXTmfLpd266n0scnrKKVBJ0kvd91Pz/AOD8z9VvCmnRzmC3jC3qubSKUsw27X8m3mmmSd2l/eGOXzoljt3i2LtmXfX5viq0nBQn9hS/8mt/8ivRd2fDwTV7rt+p9r/DPwpNNFDcwKDcTQmN1WMyrI8ozMoE0M11b28It5ZvNVJEHlDbNKB8nzVefvPTW79On/A/HYVSN4+l/wAf8j7S0PRxbW5w0LQxACUpNLHPf3aSI8Qiz5TGGONvMEjCISSyQ7YbjZiLzatVLRPV31b3/wA99e/fvwSjZS87fenqeqeH7GJp18iOCKERvFLcsgkd43WSS2S0Z98siyKYfLEUiqYoY/NFplPO4pxvr5WfocNSN27dG/nqddqmjazqd7owtPFGvaOhcOIdM1CTSY7i3eZTJujt54raK5maZ1jmmS5UTJGHa7LC1nxjGcVJR2dr79L22Xn/AMA5lG17dfwI4LKHToseIdd17xrrdpePc6a97axWqrLDdPcMXi1ObVo4JFJ0wTae1rdQW9xpjLbm8S5nlvIcKtOcZbpt3t5W9b7v19BS3h6/qj8yvjP8L9T+GDfEP4jX1/4Z0/4awaz4m8YXOm6FpB1PVvD3hVJZtZXTtO8P3Nnomhyro1ooS20+LVrLTnEf+jyaVNM6D1aUIY6pQw8FeUuZSSV7yfKkl666a6+bN4S5YVH/AIf1/r5jfghcaZrnh208T6hoFkZBNpt9v1Xy7qCK6sZDN5cen21vpulvYX9gYNPvNK12LxSk1zpFxe23k/2k1lZ5YvAww1T2U7aXt/T+X4G0ZXgl1enzun+enyPIf+Ct3hm9+Nf7MniGTW9Ua81nwY0XxC0ttRnvtNstM1/w3ARrFxHa2Fk2n3bar8Pz4jsNH01FWSWSezhlSJLCG8077rwvzOnk/FeElHSGMjLCVrWf7qo1yrbT/avq13ppc8DiPK/r+U4mna3LKnNS093l5vXdaf0mfyP2/huW5YOdRs2dEH8UuyOKKAhU3mESAERBEUf6rJQsfur/AFVWzCpTVSPs/acknTrX+zVjbn1X805SfyvvZL84wfDPt50av9pUVzVaUeWt9j2XOvd235vev2iei63rMz+GNS0+TXNHvIk1bRrGOGOz0ltU8jQFl061W3nt4ZtUumzp9hdvfTXWmrptteS2wluDqjW0vNTpRq1KdaOGtKVOtzfdBK/k1J631T7bb1qscP8AW8LVxOBxNLD4lKSsv3fNVp2tprzODevZtuySXp9tq6yQWlxLq+nb7yKGSdv7SgeSFzGrwq7JqykP5cR+0ReWjwziWNoYSAg+FxdLnxNaP1Z6Ta6dX1tte3+eh/TWXZlyYDD+xq4KnSSSj5tUqN/mn5O3kdDBqCzp5ieI9IIJOdl/KRu4JBxdsMjIzgmpjl3Mk1hW/RpfnqenHPa0Ul9YwX3tfofv58M/DNs15Z3D2izI0lu4tYpd6O4kimYwLA6JIJZYTLGzLLNcI8kMs0m5cfiWJq+0hfRcl+/Wz6r+7ofHJJbI/Q/wNoEtrBboIEtiYIo5nVzJBaRxQpDOZDI0ICRRgNbzlwhuQZXlQTBJfmqlWDlNS6PTqtb6P7lp5dN2p/C/l+aPX7PZdlIrdWjsbQiGIulrHG9zOD5pRLYPBcbormGZpSICXnn8+Ly97vyzlzJ+zvZL3+3lv8zCSun+Hr/wdT0zRrVFitYpIkhhWRpNpaOIRxqY5BLAkztutZjny8qrho5PMzMXxypQbnZa+7zPtva33P8A4Y4ZwV3pp0f5a/edUmrWN1HLpcTos9hF56tIk8cTxJI43wyb1idkEJWdYgwaGV92Plyk3Bu636+ny13Od03K91quvf06P57XJWddYh+2wQ4UlWmWOB42NyjIjxBZIfLOZ/tLIzP80LREc5ypR9qr2a5Oz7/LyMfZWbtbz9V9585/tN6Hav8ABj4gx3MReGfwxrEMtvLCsiTWs1ncxSWs8YkxJFKJWjeODYXV2WRkhMk0XTlibxuGX2Y4qj87uf8Ak+xSg+WW3S34+lu3zPze/Ze17xTeeBNCt9e0+wsrZNCtbuIWET35uBeXUEKSx6sZILR9NntC0ifaka4nlZ2uUiuUEK+vnkMP9dquF9KlTmez+zbS7s9G7Xdu+lzrpwfIrW+fys+vQ9G/bUhsNR+C2gQ39sLvS/Flrf8Ag3W1VZHi2axY3Ex0+eWFhfJd3Vh86yb0vrpbX7ZbyiGeVJNuF5R/tSjOGn1fE4avdKzXs5TaenZv1vtqTWoxnQrxna7oVeX/AMB13t5H8atrPMZWHloJApi2ZIEiq0jvBIZsM7ugMZQLGf3eHjD7pJP7MlT54UZ789CjXvo0/arq05J3UN1dPo7NM/FcNia0KlWi1pCddLqlfz8mtNr+S35kvciadhIbOUTEMsMQtzDKMvEFEOJIwmYVLDh/MG8/Lz6+FjCVNRlT9okv/AU+nq0vwufI16mI9vU5fhlUlzSV+aFneLjfrrv5LyPa/hO/iibUZLW2mku9IWzlSQalazajbW0lvLCIVsSsDpHM8ZDTDzIY3gEn2neUj2/KcTYXL4UeaOG/2mXO6XquTm6X3cf8z9l8Kswz15rVpV8diJ5JSwsliIY7aEpKXsPqX/TyXLU57fYjofRkVh4iId49REKySO/lweGrsxKTgHaZNNnBbj995UrQ/aPN2d6+OwzmqSU8NJSTd/w8j93ljcJaHtcTlfNyR5ee/Lya8vsbP+Fbb+/zn//Z"/>
            
            <div>
                <br/>
                <button style="width: 300px; height: 60px" onclick="pdf()">Create the pdf with an image</button>
                <br/>
                <button style="width: 300px; height: 60px" onclick="take_photo()">Add photo</button>
                <br/>
                <button style="width: 300px; height: 60px" onclick="resample_photo()">Resample photo to 300px wide</button>
            </div>
            
        </div>
        
        <!-----------SCRIPTS-------------------------------------->
        <script type="text/javascript" src="cordova.js"></script>
        <script type="text/javascript" src="js/index.js"></script>
        <script type="text/javascript" src="js/jquery-1.11.3.min.js"></script>
        <script type="text/javascript" src="js/jspdf.js"></script>
        <script type="text/javascript" src="js/jspdf.plugin.standard_fonts_metrics.js"></script> 
        <script type="text/javascript" src="js/jspdf.plugin.split_text_to_size.js"></script>               
        <script type="text/javascript" src="js/jspdf.plugin.from_html.js"></script>
        <script type="text/javascript" src="js/jspdf.plugin.addimage.js"></script>
        
        <script type="text/javascript">
            app.initialize();
        </script>
        
        <script>
            function rCanvas(b64_string, id)
            {
                var display_width = 300; //the rotated image will always be this wide
                var img = document.createElement('IMG');
                img.src = b64_string;
                var canvas = document.createElement('canvas');
                var ctx = canvas.getContext("2d");
                canvas.width = img.width;
                canvas.height = img.height;
                
                ctx.drawImage(img, 0, 0, img.width, img.height, 0, 0, img.width, img.height);
                
                // create a temporary canvas
                var tempCanvas = document.createElement('canvas');
                var tempCtx = tempCanvas.getContext('2d');

                // resize the tempCanvas
                tempCanvas.width = img.height;
                tempCanvas.height = img.width;

                // translate+rotate and draw the resized image to tempCanvas

                tempCtx.translate(img.height/ 2, img.width/ 2);
                tempCtx.rotate(Math.PI / 2);
                tempCtx.drawImage(canvas, 0, 0, img.width, img.height, -img.width/2, -img.height/2, img.width, img.height);

                //just put the tempCanvas on the page
                //document.body.appendChild(tempCanvas);
                if(img.width >= img.height)
                {
                    document.getElementById(id).width = display_width/img.width * img.height;
                    document.getElementById(id).height = display_width;
                }
                else
                {
                    document.getElementById(id).width = display_width;
                    document.getElementById(id).height = display_width/img.height * img.width;
                }
                document.getElementById(id).src = tempCanvas.toDataURL("image/jpeg", 1);

            }
            
        </script>
        <script>
            /*Xperia phones will not update once file is save without first restarting the phone. In this case the pdf will need
            to be emailed to yourself OR the phone must be reset before the MTP picks up the new file*/
            function pdf()
            {
                
                var imgData = 'data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAABQAAD/4QMzaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjMtYzAxMSA2Ni4xNDY3MjksIDIwMTIvMDUvMDMtMTM6NDA6MDMgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBFbGVtZW50cyAxMi4wIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MkZCNUJDRDc3NDg4MTFFNThCNTM4MjdGODI2RTlGNzciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MkZCNUJDRDg3NDg4MTFFNThCNTM4MjdGODI2RTlGNzciPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyRkI1QkNENTc0ODgxMUU1OEI1MzgyN0Y4MjZFOUY3NyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyRkI1QkNENjc0ODgxMUU1OEI1MzgyN0Y4MjZFOUY3NyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pv/uAA5BZG9iZQBkwAAAAAH/2wCEAAICAgICAgICAgIDAgICAwQDAgIDBAUEBAQEBAUGBQUFBQUFBgYHBwgHBwYJCQoKCQkMDAwMDAwMDAwMDAwMDAwBAwMDBQQFCQYGCQ0LCQsNDw4ODg4PDwwMDAwMDw8MDAwMDAwPDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDP/AABEIADgAZAMBEQACEQEDEQH/xACWAAACAwEBAAAAAAAAAAAAAAAGBwMFCAkEAQACAwEBAQAAAAAAAAAAAAADBAIFBgEABxAAAgECBAUCBAQEBQUAAAAAAQIDEQQAIRIFMUEiEwZRB2FxMhTwgZEIoVIjFbHB8UIW0eEzJDQRAAICAQMCAwcEAwAAAAAAAAABEQIDIRIEMQVBURNhcYGh0TIU8LHBIpHhUv/aAAwDAQACEQMRAD8A5EblJuktldrAI4Z3R1QNcMWqB8W4+mdOGKXG0r/2eh9N5WO3pW9NLdGn6/YTdwl0srCe3lWWup+4CDU+pPrQ8cX1L1a0Z8/y48lXFk0/aSWauYpeoaK10VBI5lqcs8Bu4Yfj1bqzTv7Yih8pv7Xv9u7DWW4WoUsCFtXfW4PCqmRfj6VxQ99+yr+Ba9t/q7JnUTyeMzyNLbgK89tVBq0DUyGpZlBp1NnT5njjGKEWsif9s473b/drcYtyuYp3bbEFtHH9SpG9H6j9SguKVzFfiKOZWvSUeZBvU2XFdltJRjXgorlmMjyOEE4IyS/bxa9fS6XYKyAknMfrSop+eJQdVjyzQQ2UZt4znkFduo0pz1Z8seTJJg5fTUkda6mU5JxK1yAAyyzy/wBMdr7AlWUF2320bqGPeYarmSqlhXMgUFcya0PL1wRJE0J7y3dFEbF5xlmsQBzPVU8/5cv++D4lBMS39yT77u611fTo0jVWvD1pTOnH4Ya2HJMNTWik1FjBGxNQwj5jPOqHGgeSfEffHa8ED1/Z9zd9mC2kAWeQokbKqxtozbUD2w5pWgJzyGfDDvHtFHqZ7u+NLJXpOpR7jLJtoRXsoYTcl5aoySAqGEdQ8dFNTGT+eGVTe5TKn1/Rrt2rqND9vvlabJ7qeOLcRRwW+/Mdq7gR3cSXDD7bRpYULXCRrq5AnhxCPduNv41vZr9fkS4nLnKtIk7F75ZNtlrt93f6Nqiui0VsZ2YssgH9QrGoeXSrAVOnImhIxgNyLxORAwxNt/lMvlNiBcboITb2gnkRIkjkYPcI0SM7P1RqFYOMlqV6qKZ5prtPRqaQ9v8AyWPyXaru73uSC0ns797SaxsyKtGUV45SryO4DddCAQdJoeWBZKx0BsMZ9x3GOOWFfG79YTKoWUK0oYFeo5JkVJpUZMPl1RTbPHrvJpRDqePsyFAR3SBoAoc1PAgHn+mPJnUwQuJ0U1jpLJQ6FYEgkioqfQGvP1zwRKQtQB8g3RokbQQ6qGeVgdOoih5kCgOdKYKkEqxB+QX/AHpW0yBQxrwzOkEHI5UzHD9MM40EF93YvutHZ/2/Vnx1adPClac6Ya2PoRkSHjfi+9eUKt6jDbNlc6xd3MdrLIwBZKpGkC6jUUzoOYqRTDmbkVxOJTfsLG/Jj3gDvm2bPHuNybmW9t9x2m/uYLO91wpbyfbT0WsX2pVSqHWdRo2dByFlxM19uiUNFDz61y2V29ULjzKOGCPx6OHVQ2MuqcyGQSH7ucAqCzMoC0Wh9K8Diy4lm05XiUfOiVBd+zfm+xe3nnu1+Wb/AOPN5DDtaSHb7YMALe6fKO50MKO0altHUhRysinUgBH3LjX5GB0paJ+a8gHDy1x5E7I6QX26+UXd3cSblc/cy3Ll5WKooHSoEaUUaVVQFAFBkAKZY+e7KmokiG0bvOyzQy24V1BZJCyqDx5E/PhiTaRBuT27Z5/5B7YLvcSxsJd6eBLW8CPJBKLNZO+sUhKa2XunL1HHE64VliAd7QTW/wC4fert6LMhS7jTtxstdDlVOrMkOrEtSpPDPngr4cEVkkJbX3umW3R7iD7qMvM6d5AsgLDUIo5qUYEnOgXgDp5kb4+oRWGnvO8wiJ5ElUVqNIJEYUnVXqoCRxywGtdQiFBve9Sf1kjICTZlaFenIEg1FTwwxVBkxU7rckSymWgCljFGKggUJpTOueefyw1RQEA/7te/XX/Q18at6V+qumlcq1pzrTBpRGdQZfeLzat4j8csI3vRcsY7S0Rgzx1BYqtcwgzPIKvE5Vx2uJXpuejI3yWnzkzB7hvdf3Xe4pQwYbpO01uXEgWTuSA5gsDStMssabtySqn7Cg7he0bX5gBuJYWGzq9wZwIZO3FQ/wBIGeToBJ5kFsv5vXFlVasqMje1SO79svsvB74+4b+OXe7f2rbtn2+TdtyEa/8AsTwxyxw6IGYFEbVKvU4IXjpf6TWd65/4mGUpb0X+w/b8Hq5JnRanSn3DtYPb65s5PIJ4LeG/Epsisi1kZaahpqrKFHHKnpU1xgcVbZftRpXZIX0Pm+37k0Z2+9iNvaEyTyKwYVUawlBkDUUr64N6Nq9URVkyPzf3bhHhm9eDQbGLyyhsh9x5Fubqe99qgcSxRI2tNDqXjaraiBqValcG43Ee9Wn4A8ltGZb2/f8AbdMUhvIoqOzxvmdOssQCTVcgOeXD4YuL4ba6C9boJrXySzu5ksLbco7oysAyRMsjBK0kJYCiq2dMxXlgDxWrq0FrdPRGop/InuYYp5SyxiJDHn00AoQQK048eX5YrFSJHKglf3+tw1ASArEtQVYZjT6Ecs8FrQKtRe7ldxnuRwu66FIMasFHHI1zoONCcNVrrB2WDFT3a1XTXTp/yp+DgsLyIy5D3a908V8e79jtkKx7hFqS5llI7jSp0sWJNMjXIZAH44r7rLkizfUaSSWhnTzneNq/5R5aZ7WFWvTFoIAoWWBGrUDiTnkOZ54u+NhyPHWH0ALJhpuVlqzNO6oElOlaI8jNHXkoJUDP5Y02FyjG8xJW06SaD/aV7n7d7W+71nuW7aYts8isJthubx5NCW7XEsM0UjnS2RlgRCSVC6tRNFOKvvvEtyePFetXPyf1CdtzLHl16PQ1x7y7q3lPuNum4vELyCxS2h2lZVEojSO3iNYgwLDU5ZqUqCfXGR46VKI0N0LmKO4tJZJXgSRo1DRrqJKPx6gAPXl+dMHbTIdAVmhkkWW2klMa3QcvE4On6CMwKrwIGY/Phhilo1QJlUtjaQoIgscaxR9sSEkhTlXVlyGZP5Z4Ir2erIqqRPte3Q2+7wXUcY1zkqXAojCgNGNR/LwNPnjt7u1YJ0prI7YNwZIUh6FAPWR8BUV+GX8MINQOorLy9WNSrMWOVSSenq41JOYqafCmJ16k24BaWQnU2srqJOrIMAMiCKmlDXj+eD0R0q9Q0Voe5r1Vz+VP1/hgmpEF/KPIvDtyme7svJXNwwL/APy3YBYAAUftGtaDn68sF4/Gz0UWrp719Q1oblNi2m3Lx7cJWl3C0vby7dh3JYY4sguQB1yLU09Bh/beq0aSFb4fUeqbADyHbRuFyt1t9nPZ2KpTTOK1IObArkK8xXjzw9x86pWLOWV3L7be7nogTk210bSG+kdfCvHkMsOVzKyKrJwXR9Tdf7evIr33JtbzYvKL43F74lFCiX4VRPd20rtp7sxJZypUqWoDQqa6yzNke98WvHsrU0Vp08mXHb8zy1at1qa03Dx3bN2s4bDcUVY+0osrmJFWWFlqCqtTJSMqGq/wxn63dXMlg0hRbt7PbhI1zcW242q2kRDJcT9yJmbTX6Y0YdOfM1/wex8teIJ4hX7z4bu+wSRie2WNGUmB4WDalBJJC5GhrTqXjhqudWIPEzxWm2XMV0Z2i7aqlDCK6TXnSpFR6jPEr5NCdKQEzzGKE6lIlYsI4+GrPI8uf45YFEh1oUt5NLJKcyI2/wDGmomukHVU1IJIPDlwpgtUejUq3dgrM1DqozNT15U/X5f4kR521Kv7qLvadB0etFpp409fh88E2sju1FXFuLTLog2hrguOmSzsolAU5Vyt64dvjnrb5mg30X2pv3IjK7tc6vstkvmjTqZmKqq0rmQEGZp+DiG3H/0iDvZ9Kv8AYrZYt5uIJO9c2qRoAiwT3tZAARqARXHDLlgtbY6+b+Atkx5beC/yDl3YGKzkllvYFDuOjsPr1MwGUrrUczk2G8GRO2iZTdw47pjs20Nn9tO7Jt/uq1qJWSPfNsuLERxSqAbiILcq7ISCR24nAIBoTTLC3fse/jT4pp/wVXa5WVvwajr/AB1Oj3ejkh0FCkcZPYZhpPTkVoxpmef+uMVtRfkdwk40LIe3A/VQyMNVMwpzA40qD/ljqq5OC38sghmjVgrO8EjPJO4BLOxIYClTTLhXDND0CzvBDb61Khm1kUPU2XMcDXOhy54aqmyOgOTO1WYkJkGL0IpQKCKg0amo/D8sGqoPFVJMuktq1lVoHblWgy+Rz/FMESnQ9MA9fbhHHrYyHWwL1U05E1qedMvwKHpjb0QO9vEAP+Y7d/ePs+/z7fer/urw7lfqp/0ryxY/hW2SKfl137T/2Q==';                
                var doc = new jsPDF();
                doc.setFontSize(40);
                doc.text(35, 25, "Image should be below");
                doc.addImage(imgData, 'JPEG', 15, 40, 180, 180);    //data, type, xpos, ypos, width, height
                //doc.output('dataurl');
                //doc.save('sample-file.pdf');
                var pdfOutput = doc.output();
                var length = pdfOutput.length;
                var arrBuffer = new Uint8Array(new ArrayBuffer(length));
                var i = 0;

                for (; i < length; i++) 
                {
                    arrBuffer[i] = pdfOutput.charCodeAt(i);
                }

                // Overwrite the output variable with a blob
                pdfOutput = new Blob([arrBuffer], {type: "application/pdf"});
                
                window.requestFileSystem(LocalFileSystem.PERSISTENT, 0, function(fileSystem) {
                 
                   console.log(fileSystem.name);
                   console.log(fileSystem.root.name);
                   console.log(fileSystem.root.fullPath);
                 
                   fileSystem.root.getFile("Download/test.pdf", {create: true}, function(entry) {
                      var fileEntry = entry;
                      console.log(entry);
                 
                      entry.createWriter(function(writer) {
                         writer.onwrite = function(evt) {
                         console.log("write success");
                      };
                 
                      console.log("writing to file");
                         writer.write( pdfOutput );
                      }, function(error) {
                         console.log(error);
                      });
                 
                   }, function(error){
                      console.log(error);
                   });
                },
                function(event){
                 console.log( evt.target.error.code );
                });
                
                alert("pdf created");
            }
        </script>
        
        <script>
            function take_photo() 
            {
                navigator.camera.getPicture(onSuccess, onFail, { quality: 50, destinationType: Camera.DestinationType.DATA_URL }); 
            }
            
            function onSuccess(imageURI) 
            {
                //var image = document.getElementById('myImage');
                //image.src = "data:image/jpeg;base64," + imageURI;
                resample_photo('myImage', 600, 300, "data:image/jpeg;base64," + imageURI)
            }

            function onFail(message) 
            {
                alert('Failed because: ' + message);
            }
            
            function test()
            {
            alert("tested");
            }
        </script>
        
        <script>
            function resample_photo(holder_image, resampled_width, display_width, b64)
            {
                //var resampled_width = 600; //pixels to make the image this wide (height is automatically detected)
                //var display_width = 300;
                
                //var b64 = 'data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAABQAAD/4QMzaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjMtYzAxMSA2Ni4xNDY3MjksIDIwMTIvMDUvMDMtMTM6NDA6MDMgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBFbGVtZW50cyAxMi4wIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MkZCNUJDRDc3NDg4MTFFNThCNTM4MjdGODI2RTlGNzciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MkZCNUJDRDg3NDg4MTFFNThCNTM4MjdGODI2RTlGNzciPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyRkI1QkNENTc0ODgxMUU1OEI1MzgyN0Y4MjZFOUY3NyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyRkI1QkNENjc0ODgxMUU1OEI1MzgyN0Y4MjZFOUY3NyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pv/uAA5BZG9iZQBkwAAAAAH/2wCEAAICAgICAgICAgID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';                
                var img = document.createElement('IMG');
                img.src = b64;
                var canvas = document.createElement('canvas');
                var ctx = canvas.getContext("2d");
                
                canvas.width = resampled_width;
                canvas.height = (resampled_width/img.width) * img.height;
                
                ctx.drawImage(img, 0, 0, img.width, img.height, 0, 0, canvas.width, canvas.height);

                //just put the tempCanvas on the page
                //document.body.appendChild(canvas);
                document.getElementById(holder_image).width = display_width;
                document.getElementById(holder_image).height = display_width/canvas.width * canvas.height;
                document.getElementById(holder_image).src = canvas.toDataURL("image/jpeg", 1);
            }
        </script>
        
        
    </body>
</html>

以上是关于html Phonegap rotate_camera_pdf_version1的主要内容,如果未能解决你的问题,请参考以下文章

Phonegap 导航栏不适用于多个 html 页面

PhoneGap或者Cordova框架下实现Html5中JS调用Android原生代码

如何在 Cordova / Phonegap 的远程 html 文件中包含本地脚本?

在 HTML5/JQueryMobile/PhoneGap 中添加滑动支持

Phonegap - navigator.app.backHistory() 不适用于 HTML 后退按钮

为啥使用PhoneGap编译移动网站时HTML表格没有样式?