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

Question

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

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

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

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

Answer 1

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