Please enable JavaScript.

Coggle requires JavaScript to display documents.

Canvas (dessiner (dessiner un arc /cercle ,demi-cercle/ (context.arc(x,y…

- - - - creation des evenements
        
        canvas.addEventListener('mousemove', function(evt){var message = "Mouse position: " + evt.clientX + "," + evt.clientY;writeMessage(canvas, message);}, false);
      - var canvas = document.getElementById('myCanvas');
    - - dessiner
        
        context.fillRect(x, y, largeur, hauteur);
      - contour
        
        context.strokeRect(x,y,largeur,longueur);
      - suppression
        
        context.clearRect(x,y,largeur,longueur);
      - dessiner son ombre
        
        context.shadowBlur=n;
        
        context.shadowOffsetX=x;
        
        context.shadowOffsetY=y;
    - - var context=docment.getContext("2d");
    - - contour
        
        context.stroke;
        
        couleur
        
        context.strokeStyle="red";
        
        épaisseur
        
        context.lineWidth=5
    - - context.moveTo(x, 0)
        
        context.lineTo(x,y);
        
        context.lineCap="";
        
        lineCap change les formes des limtes de la ligne elle peut prendre comme valeur round,butt et square
    - - couleur
        
        gradient.addColorStop(0, "black");
      - creation
        
        context.createLinearGradient(0, 0, 300, 0);
      - context.fillStyle = my_gradient;
      - context.fillRect(0, 0, 300, 225);
    - - creation
        
        context.createRadialGradient(startX, startY,startRadius,endX, endY, endRadius);
      - couleur
        
        grd.addColorStop(0, "red");
      - context.fill(); remplit le contour avec la couleur attribue a fillStyle sinon par defaut noir