Problemi con una canvas

**HighNoon** · 13-09-2015, 16:59

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>

**fermat** · 13-09-2015, 17:01

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

**HighNoon** · 13-09-2015, 17:06

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

**cavicchiandrea** · 13-09-2015, 20:42

I canvas credo siano supportati nativamente da html5, se salvi in "solo" html il problema potrebbe essere quello

**Tonenge** · 13-09-2015, 20:57

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>

**HighNoon** · 13-09-2015, 21:08

Giusto, grazie mille!

Discussione: Problemi con una canvas

Strumenti discussione

Ricerca discussione

Visualizza

Problemi con una canvas

Permessi di invio