2011-01-27 67 views
2

我正在使用HTML5 <canvas>來繪製線條。爲什麼具有較大尺寸的HTML5畫布拉伸一條線?

當我將尺寸從默認值300x150更改爲與其他<div>的尺寸相匹配時,我的線條顯得比較伸直,比以前更粗。這是爲什麼發生?

我想繪製畫布上的線條,以匹配頁面上相同位置的<div>前面的元素(具有更高的z-index)的位置。我怎樣才能阻止這種情況的發生?

編輯:這似乎僅是在Firefox。

回答

3

您無法使用CSS更改畫布大小。如果你這樣做會像圖像,它會延伸你必須做在JavaScript與畫布屬性canvas.width,canvas.height

+0

好吧,你可以* *,它只是不是你想要的。 :)您可能會注意到,在更改畫布的高度/寬度後,內容需要重新繪製。 – Phrogz 2011-01-27 18:00:52