javascript - 是否有可能 "flip" Canvas 绘图?还有其他解决方法吗?

标签 javascript jquery css html5-canvas flip

我有一套 <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/

相关文章:

javascript - Node.getAttribute 的运算符计算不一致

javascript - 这个的正则表达式?

javascript - 每个 javascript、jquery 的 translate3d 定位问题

php - 如何使用从数据库中提取的图像制作幻灯片?

javascript - 是否有必要将css,js和图像放在django的静态文件夹中

javascript - 来回制作动画循环

javascript - 当dom文本改变时更新knockoutjs View 模型

javascript - slideToggle 没有动画(需要与我的代码相关的帮助)

javascript - jquery offset属性不可读错误

html - 如何使图片的背景文字居中