-2

シナリオ:- 電話ギャップ フレームワークを使用して iPhone アプリケーションを作成しようとしています。状況を助けてください。1つのキャンバスに好きなだけ画像を入れることはできますか?? その背後にある方法論を提案してください??

<!DOCTYPE HTML>
 <html>
<head>
    <title>TestingCanvas</title>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=0.5, minimum-                    scale=1.0, maximum-scale=1.6" />   
    <meta name="apple-mobile-web-app-capable" content="YES" />
    <link rel="stylesheet" href="main.css" />
    <!--<script type="text/javascript" src="phonegap-1.0.0.js"></script>-->
    <!--<script type="text/javascript" src="main.js"></script>-->
        <style type="text/css" media="screen">
        canvas,img { 
            display:block; 
            margin:0px auto; 
            border:1px solid black;
        }
        canvas { 
            background:url(Images/chooser-2x2-background.png);
        }
        </style>

    <script>
        function draw()
        {   
            var canvas = document.getElementById("mycanvas");
            var ctx=canvas.getContext("2d");

            var img1 = new Image();
            img1.src = "Images/Icon-Help.png";
            img1.onload = function(){
                ctx.drawImage(img1,15,10);
            }

            var img2 = new Image();
            img2.src = "Images/Icon-Route.png";
            img2.onload = function(){
                ctx.drawImage(img2,250,10);
            }   
            var img3= new Image();
            img3.src = "Image/Icon-Call.png";
            img3.onload = function(){
            alert('lolkyb');
                ctx.drawImage(img3,400,10);
            }

            var img4= new Image();
            img4.src = "Image/Icon-Weather.png";
            img4.onload = function(){
                ctx.drawImage(img4,600,10);
            }


        </script> 
</head>
<body onload="draw()">
    <div id="canvasArea">
        <canvas id="mycanvas" width="4096 " height="300" ></canvas>
        <!--<img style="display:none" src="Images/Icon-Assist.png" id="Assist"  />
         <img style="display:none" src="Images/Icon-Trip.png" id="Trip" />
         <img style="display:none" src="Images/Icon-Training.png" id="Training" />
         <img style="display:none" src="Images/Icon-Map.png" id="Map" />
         <!--<img style="display:none" src="Images/chooser-2x2-background" width="160" height="420" id="frame"> -->
    </div>
</body>

その与えるエラー:- draw (無名関数) onload !! 私を助けてください..事前にたくさんの感謝を:)*

4

1 に答える 1

4

}関数を閉じるために追加しdrawます。

于 2012-04-05T12:13:30.083 に答える