Canvas! Helppp

Status
Niet open voor verdere reacties.
SamirAlieev

SamirAlieev

Gebruiker
Lid geworden
28 jan 2011
Berichten
99
Beste leden,

Ik ben bezig met een project op school, we moeten een webshop maken en dit doe ik in html en javascript. In html plaats ik een foto en ik wil hier onClick op laten lopen maar dat lukt niet (de afbeelding wordt geplaats op een canvas) dus mijn vraag is welke code moet ik gebruiken in javascript om de onClick te laten kunnen werken?

Bedankt,
 
Hoe ziet je code er uit?
 
HTML: 
<html>
<head>
    <title>Welkom || Makro</title>
    <link rel="stylesheet" href="makro.css">
    <script src="makro.js"> </script>
</head>

<body>

<div id="container">
    <canvas id="myCanvas" width="800" height="800" style="border:1px solid #c3c3c3;">
    <img src="product1.jpg" alt="product" id="product1"  />
    </canvas>
    
</div>
<button onClick="product()" type="button">huh</button>


</body>
</html>

[js]
window.onload = reageerOpLaden;

var pen;



function reageerOpLaden()
{
c=document.getElementById("myCanvas");
pen=c.getContext("2d");


var img=document.getElementById("product1");
pen.drawImage(img,10,10,90,90);
}

function product()
{
pen.font="30px Arial";
pen.fillText("Hello World",700,50);

}[/js]
 
Laatst bewerkt door een moderator:
Je kunt ook een onClick="" op <canvas> plaatsen.
 
Code: 
<a href="#" onclick="product()">
    <canvas id="myCanvas" width="800" height="800" style="border:1px solid #c3c3c3;">
    <img src="product1.jpg" alt="product" id="product1" />
    </canvas>
</a>
 
En zo?
HTML: 
<canvas id="myCanvas" width="800" height="800" style="border:1px solid #c3c3c3;">
    <a href="#" onclick="product()">
        <img src="product1.jpg" alt="product" id="product1" />
    </a>
</canvas>
 
Ik snap niet helemaal waarom je binnen een canvas een img tag maakt en vervolgens ook nog eens iets tekent met je javascript.

--

Heb je al geprobeerd de <img> een onclick event tegeven?
 
Ik ben gestopt met het canvas gedoe , ik ga gewoon proberen in divs te maken
 
Canvas is bedoeld om wat meer dynamische graphics te tekenen aan de hand van javascript , voor een onclick event op een plaatje ben je dit niet nodig
 
vreemd dat onze docenten dan ons naar canvas verwijzen.. maar alsnog bedankt allemaal!
 
Omdat je met canvas veel meer mogelijkheden hebt dan gewoon een onclick event. Jou docenten willen tenslotte dat jij die ervaring met "meerdere mogelijkheden" op pakt door het ook te gebruiken :).
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan