Exemple d'inclusion d'un canvas au sein d'une page

Le canvas vient se mettre ci-dessous.

Le contenu de la page continue maintenant.


Le code js

    	
function setup() {
  var canvas = createCanvas(100, 100);
 
  // Move the canvas so it’s inside our < div id="sketch-holder"  >.
  canvas.parent('sketch-holder');

  background(255, 0, 200);
}
       
   

Le code CSS

    	
/*pour le body*/
body 
{
    margin: 0;
	margin-left:60px;
	padding:0;
}

/*Pour le code*/
code[class*="language-"],
pre[class*="language-"] {
 width : 50%;
}

/*Pour le canvas*/
#sketch-holder
{

	text-align: left;
    margin-left: 100px;
    margin-top : 50px;
    margin-bottom: 50px;
}