Element canvas pb de dimension width height fillRect

Résolu/Fermé
Fallentree Messages postés 2309 Date d'inscription mercredi 25 février 2009 Statut Membre Dernière intervention 22 juillet 2019 - Modifié par Fallentree le 5/06/2016 à 19:06
Fallentree Messages postés 2309 Date d'inscription mercredi 25 février 2009 Statut Membre Dernière intervention 22 juillet 2019 - 5 juin 2016 à 19:18
Bonjour,

Y a un probleme de ratio, isn't it ?

<!DOCTYPE html>
<html>
<body>

<canvas id="myCanvas" style="border:1px solid #c3c3c3;">
Your browser does not support the HTML5 canvas tag.
</canvas>

<script>
var c = document.getElementById("myCanvas");
c.style.height='200px';
c.style.width='200px';
var ctx = c.getContext("2d");
ctx.fillStyle = "#FF0000";
ctx.fillRect(0,0,100,100);
</script>

</body>
</html>


Une idée pour le dimensionnement ?!!!!
fillRect 
n'est vraiment pas a l’échelle


les canvas ne prennent pas les paramètres width et height en CSS il faut les définir dans la balise <canvas> ????
A voir également:

1 réponse

Fallentree Messages postés 2309 Date d'inscription mercredi 25 février 2009 Statut Membre Dernière intervention 22 juillet 2019 208
Modifié par Fallentree le 5/06/2016 à 19:19
Nom d'une pipe en bois ...
A force de jeter Mémé dans les ortilles ...
c.height=300;
c.width= 400;
0