是否可以“翻转”画布图纸？还有其他解决方法吗？

Question

我有一组<canvas>元素，我正在使用flip!“翻转”。我的问题是，翻转的方式是翻转整个<canvas>元素，并且在翻转时创建一个不那么漂亮的效果......所以我想要完成的是以类似的方式“翻转”翻转！是的，但在画布内。或者还有其他已知的解决方法吗？

以下是我正在尝试做的一个小例子：http://jsfiddle.net/hnqB6/4/。

我想翻转黑色三角形但是当我使用上面的URL中的翻转方法时，它会翻转整个画布元素，从而产生不那么好的效果。

我很确定你可以在一秒钟内在画布上翻转整个图像，但我正在寻找的是整个动画。以前有人遇到过这个问题吗？

Answer 1

您可以使用CSS 3d Transforms和Transitions来执行card flipping animation on the canvas element。仅可以通过从头开始编程动画来仅翻转画布元素的一部分，因为这将包括逐个像素地操纵位图图像。或者，您可以转换画布矩阵本身，但与动画相关的3D转换涉及更多的工作。