javascript - 我不能在框、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/进行演示。