HTML5畫布風格高度vs屬性高度

Question

我目前正在學習如何使用HTML5新元素，並且偶然發現了所有圖形函數（如fillRect（）和drawImage（））令人沮喪的問題。

我被設置widgth和高度與

風格= 「寬度：960x75像素;高度：10px的;」

代替

寬度= 「200」 HEIGHT = 「100」

結果使得圖形不會正確刻度如初。

我的問題是，爲什麼它有所作爲？有一件事我顯然不瞭解這一切。

謝謝

Answer 1

我知道，至少在JSF（特別primefaces）不同的是，如果你把高度的風格 - 它不會被用於正確計算和呈現組件（越複雜的）有時。如果你把它作爲屬性，那麼它會起作用。

如果HTML5採用類似的方法，則意味着屬性高度和寬度是組件的實際高度和寬度，樣式只是顯示它的方式。但是有時候，兩種方法都會以相同的結果結束。

此外，在指定高度和寬度爲屬性的黃金素面中，不能使用百分比。這可能是關鍵 - 執行特定寬度和高度的額外措施，而不是百分比。