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

HTML5画布样式高度与属性高度,html,canvas,height,width,Html,Canvas,Height,Width,我目前正在学习如何使用HTML5新元素,我在所有图形函数(如fillRect()和drawImage())中遇到了一个令人沮丧的问题 我在设定宽度和高度 style=“宽度:75px;高度:10px;” 而不是 宽度=“200”高度=“100” 结果是,图形将永远不会是合适的比例 我的问题是,为什么会有不同?关于这件事,我显然有点不明白 谢谢你我知道,至少在JSF(特别是primefaces)中,区别在于如果你在样式中加入高度,它有时将不会用于正确计算和渲染组件(更复杂的组件)。如果你把它作为属

我目前正在学习如何使用HTML5新元素,我在所有图形函数(如fillRect()和drawImage())中遇到了一个令人沮丧的问题

我在设定宽度和高度

style=“宽度:75px;高度:10px;”

而不是

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

结果是,图形将永远不会是合适的比例

我的问题是,为什么会有不同?关于这件事,我显然有点不明白


谢谢你

我知道,至少在JSF(特别是primefaces)中,区别在于如果你在样式中加入高度,它有时将不会用于正确计算和渲染组件(更复杂的组件)。如果你把它作为属性,那么它就会工作

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

在primefaces中,当您将高度和宽度指定为属性时,也不能使用百分比。这可能是一个关键——一个比百分比更能体现特定宽度和高度的额外措施