html - html 5 Canvas 中的 3d 变换

标签 html html5-canvas

在 html5 canvas 中,是否可以拍摄一张普通的 2d 图像并将其向后旋转,以便创建 3d 表面的效果?

我的意思很简单,就是改变透视的角度。当然,我并不是要真正拥有 3d 表面

最佳答案

我假设你在这里不是在谈论 WebGL soooo...

对于 2D Canvas 图形,您应该尝试使用 canvas transform methods .尽管无法从中获得真正的透视变换,但您可以使用剪切(transform matrixbc 组件)。参见 Wikipedia了解您可以使用剪切变换做什么

看到一个(傻)JSFiddle example也是!

关于html - html 5 Canvas 中的 3d 变换,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10230056/

相关文章:

javascript - 在 React 应用程序中更新动态渲染元素时出现问题

javascript - 在 Canvas 中循环背景图像动画

javascript - HTML5 Canvas javascript 锥形画笔

jquery - 在两个 onclick 函数之间切换

javascript - AngularJS 指令为 "custom"HTML 标签 : isn't this dangerous and may conflict with future HTML versions?

html - Bootstrap4 导航链接事件顶部边框样式

javascript - 如何从 Canvas 中加载的图像中提取图像方向信息

javascript - p5.j​​s 3D 草图中的背景图像

javascript - 如何从 JavaScript 加载 html5 视频标签中的 src?

javascript - IE11 HTML5 无法播放 MP3 文件