有没有办法用javascript实现CSS 3D转换?

有没有办法用javascript实现CSS 3D转换?,javascript,html,css,Javascript,Html,Css,我想在3D中旋转图像,这在css中是可能的 transform: perspective(50px) rotateX(10deg) rotateY(10deg) rotateZ(10deg); 目前我正在使用画布,.style.transform属性不适用于我。示例:。注意:我根本不想要css文件或样式标记。您的代码基本正确,但不是使用img.style.transform,而是使用canvas.style.transform转换画布: var img=新图像; var canvas=doc

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

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

目前我正在使用画布,.style.transform属性不适用于我。示例:。注意:我根本不想要css文件或样式标记。

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

var img=新图像;
var canvas=document.getElementById(“hello”);
var context=canvas.getContext(“2d”);
img.onload=函数(){
canvas.style.transform=“透视(50px)旋转(10deg)旋转(10deg)旋转(10deg)”;
drawImage(img,0,0,500,300);
}
img.src=”https://www.enterprise.com/content/dam/global-vehicle-images/cars/CHRY_200_2015.png";

您可以转换画布而不是图像:这里有一个很好的答案:或者您可以使用画布的内置转换功能。