请问 canvas 怎么让物体旋转的同时动起来 有偿回答

Creator 2.x
#1

纯js问题 我现在可以移动鼠标舞台移动 和物体旋转 但是让他们两同时运行就卡住了 因为canvas旋转物体需要调用ctx.translate 移动画布 物体本身没有旋转方法 这就比较蛋疼
demo2.zip (961 字节)

这是 旋转图片的

微信图片_20201223135724
微信图片_202012231357241198×612 65.4 KB

这是移动图片的
微信图片_20201223135730
微信图片_20201223135730814×505 31.4 KB

就是让他自己旋转的同时 能移动 我的微信m820174300 虽然钱不多 吃个美团外卖还是可以的

#2

请不要沉下去

#3

按照缩放，平移，最后旋转的顺序，绘图的点设置在中心就可以了

#4

说是这么说 我也是这样做的 但是 实际效果不行

#5

`const angle = this.rotation * Math.PI / 180;

            const sin = Math.sin(angle), cos = Math.cos(angle);

            let a = cos * this.scale.x,

                b = sin * this.scale.x,

                c = -sin * this.scale.y,

                d = cos * this.scale.y,

                tx = this.pos.x - this.pivot.x * a - this.pivot.y * c,

                ty = this.pos.y - this.pivot.x * b - this.pivot.y * d;

            ctx.setTransform(a, b, c, d, tx, ty);`

设置矩阵就行

#6

能不能在上面的demo2.zip里帮我改改 我是小菜鸡 万分感谢 改好了 加我微信即可

#7

把绘制统一到一个地方，先平移，再缩放，再旋转。
demo2.zip (943 字节)

#8

大哥牛逼 加我微信 m820174300 给你恰个外卖红包 以后有问题 方便交流

#9

该主题在最后一个回复创建后14天后自动关闭。不再允许新的回复。