在HTML畫布

Question

圍繞形狀我有一個HTML畫布這樣的矩形：

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

是否有可能居中該矩形與CSS畫布？無論畫布的寬度如何，我都希望它保持居中。

Answer 1

編號

畫布只是一堆像素。 CSS沒有任何影響因素。

如果你想在畫布內部放置一些東西，那麼你必須選擇正確的位置，把你正在着色的像素放在第一位。

對於圖形來說，使用SVG可能會更好，尤其是如果它們像矩形一樣簡單的恥辱。