Visualizzazione dei risultati da 1 a 6 su 6
  1. #1

    Problemi con una canvas

    E' la prima volta che faccio esperimenti con una canvas html, ho giochicchiato un po' su un sito su cui si può scrivere il codice e si vede subito il risultato e funzionava tutto, ora scrivendo su notepad la canvas è vuota

    codice:
    <html>
        <head>
            <style>
                canvas {
                    border: 2px solid black;
                }
            </style>
            <script>
                var canvas = document.getElementById("prova");
                var contesto = canvas.getContext("2d");
                
                contesto.rect(100,100,200,200);
                contesto.stroke();
            </script>
        </head>
        <body>
            <canvas id="prova" width="500px" height="500px"></canvas>
        </body>
    </html>

  2. #2
    cosa ci hai messo dentro il canvas?
    il notepad di windows è un programma abbastanza "primitivo"....

  3. #3
    Dovrebbe esserci un quadrato (contesto.rect(100,100,200,200)) messo li giusto per vedere se funzionava ma sul sito che stavo usando compare, mentre salvando da notepad come html non funziona
    Ultima modifica di HighNoon; 13-09-2015 a 17:45

  4. #4
    Moderatore di Annunci siti web, Offro lavoro/collaborazione, Cerco lavoro L'avatar di cavicchiandrea
    Registrato dal
    Aug 2001
    Messaggi
    26,133
    I canvas credo siano supportati nativamente da html5, se salvi in "solo" html il problema potrebbe essere quello
    Cavicchi Andrea
    Problemi con javascript, jquery, ajax clicca qui

  5. #5
    Ciao HighNoon,
    lo script deve essere eseguito dopo che il canvas del body sia caricato.

    codice:
    <html>
        <head>
            <style>
                canvas {
                    border:2px solid black;
                }
            </style>
            
        </head>
        <body>
            <canvasid="prova"width="500px"height="500px"></canvas>
    
    
            <script>
                var canvas = document.getElementById("prova");
                var contesto = canvas.getContext("2d");
                
                contesto.rect(100,100,200,200);
                contesto.stroke();
            </script>    </body>
    </html>

  6. #6
    Giusto, grazie mille!

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.