mere pass to sahi chal raha hai, mainay ye tag lagaya hai:
<script src="http://www.modernizr.com/downloads/modernizr-2.0.6.js"></script>
--- In windowsazure@yahoogroups.com, Ali Kamal <alikamal2381@...> wrote:
>
> AOA Sir,
>
> Following code is not working please tell what is error because there is not error show.. I have to check IE 9 and Chrome. ????
>
> Thanks in Advance !
>
> Ali kamal
>
>
> <!doctype html>
> <html lang="en" >
> <head>
> <meta charset="UTF-8">
> <title> CH1EX1: Basic Hello World Html Page with a DIV </title>
> <script src="modernizr-1.6.min.js"></script>
>
> <script type="text/javascript">
> window.addEventListener("load", eventWindowLoaded, false);
>
> var Debugger = function () { };
> Debugger.log = function (message) {
> try {
> console.log(message);
> } catch (exception) {
> return;
> }
> }
> function eventWindowLoaded () {
> canvasApp();
> }
>
> function canvasSupport () {
> return Modernizr.canvas;
> }
>
> function canvasApp () {
> if (!canvasSupport()) {
> return;
> }
> var theCanvas = document.getElementById("canvasOne");
> var context = theCanvas.getContext("2d");
> Debugger.log("Drawing Canvas");
> function drawScreen() {
> //background
> context.fillStyle = "#ffffaa";
> context.fillRect(0, 0, 500, 300);
> //text
> context.fillStyle = "#000000";
> context.font = "20px _sans";
> context.textBaseline = "top";
> context.fillText ("Hello World!", 195, 80 );
> //image
> var helloWorldImage = new Image();
> helloWorldImage.src = "helloworld.gif";
> helloWorldImage.onload = function () {
> context.drawImage(helloWorldImage, 160, 130);
> }
> //box
> context.strokeStyle = "#000000";
> context.strokeRect(5, 5, 490, 290);
> }
> drawScreen();
> }
> </script>
>
> </head>
>
> <body>
>
>
>
> <div style="position: absolute; top: 50px; left: 50px;">
> <canvas id="canvasOne" width="500" height="300">
> Your browser does not support HTML5 Canvas.
> </canvas>
> </div>
>
> </body>
>
> </html>
>
0 comments:
Post a Comment