我不能在框中使用负数的高度和宽度，fillRect，drawImage等

Question

我正在制作一款3d游戏，并且要制作一个立方体，需要旋转的图像超过它的0分：
最后的图像就像看到图像的背面，因为它是透明的。它已轮到......
我试过了，我认为它应该工作，或者没有JavaScript开发人员想到它？ ：

var ctx = document.getElementById("canvas").getContext("2d"); 
ctx.beginPath(); 
ctx.fillStyle = "red"; 
ctx.fillRect(100, 100, -100, - 100); 

这里是我的3D啄对于那些有兴趣谁：Just for fun, try to use it also with sphere, in your notepad

Answer 1

而不是使用负宽度，可以使用负比例因子，例如如果使用ctx.scale(-1, 1)，则所有坐标将从右向左绘制，而不是从左向右绘制。

请参阅https://jsfiddle.net/alnitak/eqyqmdk3/进行演示。