2
我正在使用HTML5 <canvas>
來繪製線條。爲什麼具有較大尺寸的HTML5畫布拉伸一條線?
當我將尺寸從默認值300x150更改爲與其他<div>
的尺寸相匹配時,我的線條顯得比較伸直,比以前更粗。這是爲什麼發生?
我想繪製畫布上的線條,以匹配頁面上相同位置的<div>
前面的元素(具有更高的z-index
)的位置。我怎樣才能阻止這種情況的發生?
編輯:這似乎僅是在Firefox。
我正在使用HTML5 <canvas>
來繪製線條。爲什麼具有較大尺寸的HTML5畫布拉伸一條線?
當我將尺寸從默認值300x150更改爲與其他<div>
的尺寸相匹配時,我的線條顯得比較伸直,比以前更粗。這是爲什麼發生?
我想繪製畫布上的線條,以匹配頁面上相同位置的<div>
前面的元素(具有更高的z-index
)的位置。我怎樣才能阻止這種情況的發生?
編輯:這似乎僅是在Firefox。
您無法使用CSS更改畫布大小。如果你這樣做會像圖像,它會延伸你必須做在JavaScript與畫布屬性canvas.width,canvas.height
好吧,你可以* *,它只是不是你想要的。 :)您可能會注意到,在更改畫布的高度/寬度後,內容需要重新繪製。 – Phrogz 2011-01-27 18:00:52