html - HTML5 画布样式高度与属性高度

Question

我目前正在学习如何使用 HTML5 新元素，我偶然发现了一个令人沮丧的问题，其中包含所有图形函数，例如 fillRect() 和 drawImage()。

我正在设置宽度和高度

样式=“宽度：75像素；高度：10像素；”

代替

宽度=“200”高度=“100”

结果是图形永远不会是正确的比例。

我的问题是，为什么会有所不同？我显然不明白这一切。

谢谢

Answer 1

我知道至少在 JSF（特别是 primefaces）中，不同之处在于，如果您将高度放在样式中 - 有时它不会用于正确计算和渲染组件（更复杂的组件）。如果你把它作为属性，那么它将起作用。

如果 HTML5 采用类似的方法，则意味着属性 height 和 width 是组件的实际高度和宽度，而样式只是显示它的方式。然而，有时，两种方法都会以相同的结果结束。

同样在primefaces中，当您将高度和宽度指定为属性时-您不能使用百分比。这可能是关键 - 执行特定宽度和高度而不是百分比的额外措施。