javascript - 用JavaScript实现CSS 3D转换的任何方法吗？

我想在3D中旋转一个图像，这在css中是可能的

transform: perspective(50px) rotateX(10deg) rotateY(10deg) rotateZ(10deg);

当前我正在使用画布，.style.transform属性对我不起作用。示例：https://jsfiddle.net/chung9ey/31/。注意：我根本不想有css文件或样式标签。

最佳答案

您的代码基本正确，但不是img.style.transform，而是使用canvas.style.transform转换画布：

var img = new Image;
var canvas = document.getElementById("hello");
var context = canvas.getContext("2d");

img.onload = function(){
	canvas.style.transform = "perspective(50px) rotateX(10deg) rotateY(10deg) rotateZ(10deg)";
	context.drawImage(img, 0 ,0, 500, 300);
}

img.src = "https://www.enterprise.com/content/dam/global-vehicle-images/cars/CHRY_200_2015.png";

<canvas id = "hello" width = "500px" height = "300px" style="border: 1px solid BLACK";></canvas>

关于javascript - 用JavaScript实现CSS 3D转换的任何方法吗？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/38234679/