Nieuws:

Welkom, Gast. Alsjeblieft inloggen of registreren.
Heb je de activerings-mail niet ontvangen?

Auteur Topic: [Opgelost][Javascript]tekst in cavas-element krijgen  (gelezen 860 keer)

Offline Joshua822

  • Lid
[Opgelost][Javascript]tekst in cavas-element krijgen
« Gepost op: 2011/12/18, 22:24:14 »
Hallo allemaal!

Ik wil eens iets met het canvaselement doen, omdat deze voor mij heel interessant is. Maar het probleem is dat zelfs zoiets simpels als tekst tekenen niet werkt! Hier is mijn bestand:
<html>
    <body>
        <canvas id="canvas_iets">
        </canvas>
        <script type="text/javascript">
        var canvas = document.getElementById ( "canvas_iets" );
        var canvas_context;

        canvas_context = canvas.getContext ( '2d' );

        canvas_context.font = "72px arial";
        canvas_context.fillText ( "Test", 300, 300 );
        </script>
    </body>
</html>

Weet iemand waarom dit niet werkt?

Alvast hartelijk bedankt,
Joshua
« Laatst bewerkt op: 2011/12/19, 08:07:42 door Joshua822 »

Re: [Javascript]tekst in cavas-element krijgen
« Reactie #1 Gepost op: 2011/12/18, 23:22:50 »
Je Canvas moet nog wel een bepaalde grootte hebben. Als ik de attributen height en width van <canvas> op 1000 zet werkt je code wel.

Offline Joshua822

  • Lid
Re: [Javascript]tekst in cavas-element krijgen
« Reactie #2 Gepost op: 2011/12/19, 08:07:14 »
Oh, OK, bedankt! :D