支持CSS3转换的HTML形状（最好带有DIV）

我计划建立一个游戏，并把一切都考虑在内。我很了解HTML、CSS和Javascript，它会给我跨浏览器的支持，所以我肯定会使用它

我有一个需要，我需要显示一个div（矩形），然后在一些动作中，将其动画化为另一个形状，您可以更好地看到这一点

---

我可以设置DIV元素的动画，还是需要使用SVG或Canvas？

对于在浏览器中绘制任意形状，我建议使用Canvas或SVG

我会避免使用HTML

元素和CSS来“绘制”。这是可能的，但它充其量只是一种黑客行为，可能会变得相当混乱，我当然不想用这种技术来编写游戏

因此，您的最佳选择肯定是SVG或画布

SVG与画布的选择取决于您希望支持的平台/浏览器，也取决于这两种技术的属性

显然，您已经知道SVG（矢量图形）和Canvas（像素图形）之间的主要区别，但是这两种图形也有不同的浏览器支持，这一点需要考虑

鉴于您提供的信息有限，我认为SVG看起来最适合您所做的事情。但是，Android浏览器还不支持SVG，因此如果您希望游戏在移动设备上运行，您需要考虑这一点。这可能意味着您需要使用画布

如果您坚持使用桌面，那么所有现代浏览器都支持画布和SVG。显然，IE8和更早版本中缺少这两种语言，但IE确实支持一种称为VML的竞争格式，这是一种类似于SVG的基于XML的向量语言

如果您想支持IE8（很可能您不支持！），那么可以使用IE的VML引擎为IE提供javascript库来呈现画布和SVG图形。显然，这对于SVG非常有效，因为这两种语言非常相似。我听到过一些关于画布转换的混合报道，但您可能想尝试一下。请记住，IE8的Javascript引擎相当慢，因此基于Javascript的图形格式转换可能无法为您提供足够的性能，使其在游戏环境中发挥作用

---

希望有帮助。

很好的指南！你知道有没有链接到某个页面，在那里我可以看到Canvas和SVG支持哪些浏览器，哪些不支持？@umairasraf-浏览器兼容性的最佳位置是-它有用于加载功能的浏览器支持表，包括Canvas和SVG。