我不能在盒子、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/ 以获取演示。