Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/82.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
HTML5动画-画布还是DOM?_Html_Animation_Html5 Canvas - Fatal编程技术网

HTML5动画-画布还是DOM?

HTML5动画-画布还是DOM?,html,animation,html5-canvas,Html,Animation,Html5 Canvas,我想知道在固定背景上移动的精灵(图像)动画最有效的解决方案是什么:使用具有绝对定位的DOM元素,还是在画布上对它们进行动画(使用drawImage和clearRect) 我在第一个选项中看到的优点是,我不必担心在绘制新位置之前删除旧位置。这有意义吗 你有没有看到其他好的选择 谢谢 编辑:我想专注于移动设备。它在HTML5支持方面有很大的不同吗?HTML5画布是相对较新的,如果只有很少的精灵,你应该使用DOM元素,它可以在大多数浏览器上使用。别忘了,一些旧的微星不能显示透明的PNG,只有GIF(我

我想知道在固定背景上移动的精灵(图像)动画最有效的解决方案是什么:使用具有绝对定位的DOM元素,还是在画布上对它们进行动画(使用drawImage和clearRect)

我在第一个选项中看到的优点是,我不必担心在绘制新位置之前删除旧位置。这有意义吗

你有没有看到其他好的选择

谢谢


编辑:我想专注于移动设备。它在HTML5支持方面有很大的不同吗?

HTML5画布是相对较新的,如果只有很少的精灵,你应该使用DOM元素,它可以在大多数浏览器上使用。别忘了,一些旧的微星不能显示透明的PNG,只有GIF(我不记得版本),有很多人使用过时的浏览器


另外一个好的选择是不要做,也不要在你的网站上使用动漫;注意不要到处乱跑,少就是多。

HTML5画布是相对较新的,如果只有很少的精灵,你应该使用DOM元素,它可以在大多数浏览器上使用。别忘了,一些旧的微星不能显示透明的PNG,只有GIF(我不记得版本),有很多人使用过时的浏览器


另外一个好的选择是不要做,也不要在你的网站上使用动漫;要小心四处走动,少即是多。

如果您的需求不要求您使用画布,请使用DOM元素和绝对定位,因为它在较旧的浏览器上会起作用。

如果您的需求不要求您使用画布,请使用DOM元素和绝对定位,因为它在较旧的浏览器上会起作用。

“pro”画布参数:

  • 画布的一个优点是可以进行2D加速,并且可以获得较高的fps
  • DOM的另一个问题是您仅限于矩形
  • 所有现代浏览器都有很好的画布支持,所以如果您不受遗留系统的限制,那么使用画布就更有意义
    • 以下是一些“专业”画布参数:

      • 画布的一个优点是可以进行2D加速,并且可以获得较高的fps
      • DOM的另一个问题是您仅限于矩形
      • 所有现代浏览器都有很好的画布支持,所以如果您不受遗留系统的限制,那么使用画布就更有意义

      看看这里:还取决于你必须支持哪些浏览器。我想专注于移动设备。这对HTML5支持有很大影响吗?看看这里:还取决于你必须支持哪些浏览器。我想专注于移动设备。这对HTML5支持有很大影响吗?在DOM中。你是不仅限于矩形形状。使用CSS形状,您可以制作圆形和其他类型的形状……还可以使用图像。在DOM中……您不仅限于矩形形状。使用CSS形状,您可以制作圆形和其他类型的形状……还可以使用图像。