「像素不像素」和畫布，什麼是正確的方式？

隨着刪除目標densitydpi它相當fu..n現在追求。主流瀏覽器在我的設備上縮放頁面1.5倍（華爲榮譽android 4.0）。如何防止畫布的像素化？「像素不像素」和畫布，什麼是正確的方式？

2013-04-15 special K

可能是由於您的設備不能阻止瀏覽器根據佈局放大或縮小屏幕。在頭部添加視口元標記。

<meta name="viewport" content="initial-scale=1.0,user-scalable=no,maximum-scale=1,width=device-width" />

希望這個工程。

2013-04-15 19:19:23

我想防止縮放，但我不想在畫布中進行像素化。好的，我設置了這個視口。如果我將100x100px圖像添加到畫布（使用drawImage），則瀏覽器會將其縮放到150x150像素，並向我顯示像素化。正在推廣全新的「響應式網站設計」的人們，他們如何使用畫布？ –

爲該畫布指定一個類或標識（示例 - 畫布）或任何您喜歡的內容，並在樣式表中將其CSS樣式定義爲#canvas {width：70％！important;}注意 - 重要是必需的。爲每個視口定義它/ mediaqueries 。到目前爲止的畫布只有這個黑客可以在CSS中使用。 –

回答