我有一套 <canvas>
我使用flip!“翻转”的元素。我的问题是翻转的工作方式是翻转整个 <canvas>
元素,这在翻转时创建了一个不太漂亮的效果......所以我想要完成的是以与翻转类似的方式“翻转”!确实如此,但在 Canvas 内。或者还有其他已知的解决方法吗?
这是我正在尝试做的一个小例子:http://jsfiddle.net/hnqB6/4/ .
我想翻转黑色三 Angular 形,但是当我使用上面 URL 中的翻转方法时,它会翻转整个 Canvas 元素,从而产生不太好的效果。
我很确定你可以在一秒钟内翻转 Canvas 中的整个图像,但我正在寻找的是整个动画。有人以前遇到过这个问题吗?
最佳答案
您可以使用 CSS 3d 变换和过渡来执行 card flipping animation on the canvas element 。仅翻转 Canvas 元素的一部分只能通过从头开始编程动画来实现,因为这将包括逐像素地操作位图图像。或者,您可以转换 Canvas 矩阵本身,但涉及的工作量比与动画相关的 3D 转换要多得多。
关于javascript - 是否有可能 "flip" Canvas 绘图?还有其他解决方法吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8333495/