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

Question

我目前正在学习如何使用HTML5新元素，我偶然发现了所有图形函数（例如fillRect（）和drawImage（））的令人沮丧的问题。

我用

设置了widgth和height

style =“width：75px; height：10px;”

而不是

width =“200”height =“100”

结果是图形不是适当的比例。

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

谢谢

Answer 1

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

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

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