JeuWeb - Crée ton jeu par navigateur
problème canvas - Version imprimable

+- JeuWeb - Crée ton jeu par navigateur (https://jeuweb.org)
+-- Forum : Discussions, Aide, Ressources... (https://jeuweb.org/forumdisplay.php?fid=38)
+--- Forum : Programmation, infrastructure (https://jeuweb.org/forumdisplay.php?fid=51)
+--- Sujet : problème canvas (/showthread.php?tid=6688)



problème canvas - OnLime - 05-03-2013

Salut tout le monde!
J'ai un pitit soucis avec un canvas, j'aimerais changer sa taille, mais à part avec du css je ne vois pas d'autre solution (vous moquez pas j'débute en js) Du coup ça déforme tout et sous chrome ça devient tout flou. Vous pouvez m'aider ?


RE: problème canvas - Maks - 05-03-2013

Salut, tu peux modifier les attributs width et height mais attention ça efface ton canvas


RE: problème canvas - OnLime - 05-03-2013

Oui mais je débute vraiment en js et du coup je sais pas comment le faire du coté js ...


RE: problème canvas - Maks - 05-03-2013

tu peux le faire via jQuery (http://jquery.com/)


$('#id-de-ton-canvas').attr({
width: 100,
height: 100
});

ou via JS


var canvas = document.getElementById('id-de-ton-canvas');
canvas.width = 100;
canvas.height = 100;



RE: problème canvas - OnLime - 05-03-2013

Merci Big Grin, du coup j'ai utiliser la version js ^^

Ha oui au faite y'a moyen de faire un scroll simplement ^^ ?


RE: problème canvas - Maks - 06-03-2013

C'est à dire ? Si tu canvas est plus grand que l'écran alors il y aura une barre de scroll oui.
Sinon si tu parles du canvas, tu peux utiliser la méthode translate() : http://www.html5canvastutorials.com/advanced/html5-canvas-transform-translate-tutorial/


RE: problème canvas - OnLime - 06-03-2013

Nan en faite je souhaite créer une carte en isométrie assez grande donc elle ne pourra pas être afficher d'un seul bloc à part si tu a une résolution juste énorme ^^


RE: problème canvas - Maks - 06-03-2013

Il faut te donc bien un système de viewport via la fonction translate ^^
Regarde sur ce site : http://www.tonypa.pri.ee/tbw/start.html pour le scrolling de map isométrique (je peux pas te donner le lien exact à cause d'un proxy)


RE: problème canvas - OnLime - 06-03-2013

Merci je vais regarder ça. Par contre vu que je débute risque d'être long et approximatif ...