IdentifiantMot de passe
Loading...
Mot de passe oubli� ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les r�ponses en temps r�el, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

Des canvas dans un canvas ?


Sujet :

JavaScript

Vue hybride

Message pr�c�dent Message pr�c�dent   Message suivant Message suivant
  1. #1
    Membre �clair�
    Homme Profil pro
    Inscrit en
    D�cembre 2007
    Messages
    233
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations forums :
    Inscription : D�cembre 2007
    Messages : 233
    Par d�faut Des canvas dans un canvas ?
    J'essais d'inserer des canvas dans un canvas mais visiblement je n'ai pas de resultats et aucun message d'erreur. Est ce possible ou alors nous n'avons que la methode getContext() et ses m�thodes pour y inserer quelquechose ?

    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
     
    function $(id){
    	return document.getElementById(id);	
    }
     
    function createTable(nbLines, nbRows, nbMines){
    // On crée le tableau a 2 entrées
    	var table = new Array();	
    	for (var i=0; i<nbLines; i++){
    		table[i] = new Array(nbRows);
    	}
     
    // Création de la surface de jeu
    	var bigCanvas = document.createElement("canvas");
    		bigCanvas.id = "bigCanvas";
    		bigCanvas.width = 16*nbRows;
    		bigCanvas.height = 16*nbLines;
    		bigCanvas.style.border = "solid 1px green";
    		document.body.appendChild(bigCanvas);
     
    	var cpt= 0;	
    	for (var k=0; k<table.length; k++) {
    		for (var j=0; j<table[k].length; j++) {
    			createTile(cpt);
    			cpt++;
    		}
    	}
     
    }
     
    function createTile(nb) {
    	bigC = $("bigCanvas");
    	// canvas incompatible IE	
    	var tile = document.createElement("canvas"); 
    		tile.id = nb;
    		tile.className = "tile";
    		tile.width = 16;
    		tile.height = 16;
    		bigC.appendChild(tile);
    }

  2. #2
    R�dacteur/Mod�rateur

    Avatar de SpaceFrog
    Homme Profil pro
    D�veloppeur Web Php Mysql Html Javascript CSS Apache - Int�grateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 659
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    �ge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activit� : D�veloppeur Web Php Mysql Html Javascript CSS Apache - Int�grateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 659
    Billets dans le blog
    1
    Par d�faut
    heu d�ja au d�part c'est quoi canvas
    ce n'est pas un �l�ment standard html c'est une extension introduite par mac dans webkit ...
    Ma page Developpez - Mon Blog Developpez
    Pr�sident du CCMPTP (Comit� Contre le Mot "Probl�me" dans les Titres de Posts)
    Deux r�gles du succ�s: 1) Ne communiquez jamais � quelqu'un tout votre savoir...
    Votre post est r�solu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de D�veloppez !

  3. #3
    Membre �clair�
    Homme Profil pro
    Inscrit en
    D�cembre 2007
    Messages
    233
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations forums :
    Inscription : D�cembre 2007
    Messages : 233
    Par d�faut
    Oui c'est bien �� , puis adopt� par les dev de Gecko (FF) et Opera ... wikiiiiii

    Bon cette phrase l� en dit long et donc je pense pas que c'est possible, je voudrais juste que vous confirmez si je me trompe ou pas :

    mais de dessiner des �l�ments ne sont pas identifiables dans une vision � la DOM

  4. #4
    R�dacteur/Mod�rateur

    Avatar de SpaceFrog
    Homme Profil pro
    D�veloppeur Web Php Mysql Html Javascript CSS Apache - Int�grateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 659
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    �ge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activit� : D�veloppeur Web Php Mysql Html Javascript CSS Apache - Int�grateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 659
    Billets dans le blog
    1
    Par d�faut
    � ce jour selon moi la seul solution qui permette de fa�on satisfaisante de faire du dessin avec javascript est de passer par des librairies du typoe de celle propos�e par walterzorn
    Ma page Developpez - Mon Blog Developpez
    Pr�sident du CCMPTP (Comit� Contre le Mot "Probl�me" dans les Titres de Posts)
    Deux r�gles du succ�s: 1) Ne communiquez jamais � quelqu'un tout votre savoir...
    Votre post est r�solu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de D�veloppez !

  5. #5
    Membre �clair�
    Homme Profil pro
    Inscrit en
    D�cembre 2007
    Messages
    233
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations forums :
    Inscription : D�cembre 2007
    Messages : 233
    Par d�faut
    Ok merci du tuyaux --> bookmarked

    Mes besoins de generer des dessins en javascript ne n�cessitent pas l'utilisation d'une librairie car je cherche juste a utiliser des cases qui sont contenues dans une case conteneur. DIV vous avez dit ??

    Je pensais utiliser la methode canvas pour faire un demineur car j'en avais fait un en java il y a tr�s lonnnnngtemps et j'avais utilis� ceci.

  6. #6
    R�dacteur/Mod�rateur

    Avatar de SpaceFrog
    Homme Profil pro
    D�veloppeur Web Php Mysql Html Javascript CSS Apache - Int�grateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 659
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    �ge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activit� : D�veloppeur Web Php Mysql Html Javascript CSS Apache - Int�grateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 659
    Billets dans le blog
    1
    Par d�faut
    table tr et td suffiront
    Ma page Developpez - Mon Blog Developpez
    Pr�sident du CCMPTP (Comit� Contre le Mot "Probl�me" dans les Titres de Posts)
    Deux r�gles du succ�s: 1) Ne communiquez jamais � quelqu'un tout votre savoir...
    Votre post est r�solu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de D�veloppez !

+ R�pondre � la discussion
Cette discussion est r�solue.

Discussions similaires

  1. WPF C# Masquer des dessins dans un canvas
    Par Towandaa dans le forum Windows Presentation Foundation
    R�ponses: 1
    Dernier message: 05/03/2012, 15h31
  2. Dessiner des formes opaque dans un canvas
    Par Chayanne47 dans le forum Langage
    R�ponses: 3
    Dernier message: 24/07/2009, 10h15
  3. Dessiner des tableaux dans un Canvas
    Par anaranjado dans le forum Graphisme
    R�ponses: 1
    Dernier message: 05/01/2009, 11h43
  4. mettre des panels ou des lables dans un canvas
    Par Invit� dans le forum AWT/Swing
    R�ponses: 2
    Dernier message: 17/04/2008, 18h20

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo