javascript - 使用 Html5 API,如何扭曲图像(更改左侧或右侧高度)?

标签 javascript html canvas

我在 Canvas 上有一幅图像,我想将它显示在“墙上”。为此,我需要 扭曲图像,例如图像的左侧比右侧更大(我试图获得透视图)。

您能给我一些例子或建议,说明我该怎么做吗?

谢谢。

最佳答案

canvas API 没有内置 3D 功能。您可以查看一些为 HTML5 canvas 编写的第一人称射击游戏。例如,快速谷歌发现了这个,还有更多:

http://dev.opera.com/articles/view/creating-pseudo-3d-games-with-html-5-can-1/

还有一个用于 3D 转换的 CSS 标准,但是目前只有 Webkit 浏览器支持:

http://www.w3.org/TR/css3-3d-transforms/

关于javascript - 使用 Html5 API,如何扭曲图像(更改左侧或右侧高度)?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5191247/

相关文章:

html - 使用比 CSS 中的页面大的页面缩放图像

html - IE8 支持类型 ="file"吗?

canvas - js_of_ocaml 中带有水平滚动条的 Canvas

javascript - 从 Canvas 中获取 chart.js 的图像并将其显示为图像

javascript - 将 KinteticJS 绘图导出到 SVG?

javascript - 标签应该出现在数据表插件中文本框的右侧

javascript - 如何将自定义工具提示添加到 rCharts 中的 hPlot

javascript - 将类作为参数传递给 Nightmare 评估

javascript - JQuery AJAX 不发送带有表单的文件

javascript - CSS 属性在 HTML 而不是样式表中发生变化