Javascript 对UI元素使用HTML画布?

Javascript 对UI元素使用HTML画布?,javascript,html,css,canvas,Javascript,Html,Css,Canvas,我的web应用程序中有几个UI元素,比如按钮。我打算使用CSS3的转换来设置从一个背景图像到另一个背景图像的转换动画。我发现至少在当前的过渡草案中是不可能的。所以,我想知道使用画布作为按钮是否有意义。我相信它可以处理事件,所以,我看这里没有问题。是否有?除了IE不支持之外,没有。除了IE不支持之外,没有。Internet Explorer不支持画布。此外,画布动画在CPU功率很少的PC上渲染速度非常慢 除非你写的东西是针对特定的目标受众(比如使用Firefox和双核cpu的内部用户),否则我认为

我的web应用程序中有几个UI元素,比如按钮。我打算使用CSS3的转换来设置从一个背景图像到另一个背景图像的转换动画。我发现至少在当前的过渡草案中是不可能的。所以,我想知道使用画布作为按钮是否有意义。我相信它可以处理事件,所以,我看这里没有问题。是否有?

除了IE不支持之外,没有。

除了IE不支持之外,没有。

Internet Explorer不支持画布。此外,画布动画在CPU功率很少的PC上渲染速度非常慢


除非你写的东西是针对特定的目标受众(比如使用Firefox和双核cpu的内部用户),否则我认为你现在应该避免使用canvas…

Internet Explorer不支持canvas。此外,画布动画在CPU功率很少的PC上渲染速度非常慢


除非你写的东西是针对特定的目标受众(比如Firefox和双核cpu的内部用户),否则我认为你现在应该避免使用canvas…

我得出结论:将canvas用于UI元素不是一个好主意


例如,如果您使用画布创建一个选择框,列表将如何显示在其他HTML元素的顶部?

我得出结论:使用画布作为UI元素不是一个好主意


例如,如果您使用Canvas创建一个选择框,该列表将如何显示在其他HTML元素的顶部?

使用(MIT许可证)-它使用SVG(以及IE的VML)为您提供类似Canvas的API,并可在包括IE6在内的所有amjor浏览器中使用。而且它的速度很快(即使在IE中也不会太慢)

使用(MIT许可证)-它使用SVG(和IE的VML)为您提供类似画布的API,并且可以在包括IE6在内的所有amjor浏览器中工作。而且速度很快(即使在IE中也不会太慢)

不同意。我已经使用canvas编写了自己的按钮类,速度并不慢。canvas元素目前最慢的部分是fillRect()以清除画布,如果按钮的不同状态都具有相同类型的alpha掩码,则甚至不必清除。如果他不停地渲染按钮,即使按钮的状态没有改变,这也是它变慢的原因。如果你问我的话,这真是太过分了。不同意。我已经使用canvas编写了自己的按钮类,速度并不慢。canvas元素目前最慢的部分是fillRect()以清除画布,如果按钮的不同状态都具有相同类型的alpha掩码,则甚至不必清除。如果他不停地渲染按钮,即使按钮的状态没有改变,这也是它变慢的原因。如果你问我的话,这真是太过分了。