formes Centrés sur toile HTML

Question

j'ai une toile HTML avec un rectangle comme celui-ci:

var c=document.getElementById("myCanvas"); 
var ctx=c.getContext("2d"); 
ctx.rect(20,20,150,100); 
ctx.stroke(); 

Est-il possible de centrer ce rectangle dans la toile avec css? Je veux qu'il reste centré indépendamment de la largeur de la toile.

Answer 1

n °

La toile est juste un tas de pixels. Il n'y a aucun élément pour que CSS influence.

Si vous voulez centrer quelque chose à l'intérieur de la toile, alors vous devez choisir le bon endroit pour mettre les pixels que vous coloriez en premier lieu.

Vous pourriez être mieux d'utiliser SVG pour vos graphiques, surtout s'il s'agit de simples honte comme des rectangles.