canvas.rotate(rotation); 到底是往哪个方向转动

上面的四张图 就是x y轴在不同方向的时候 旋转方向的示意图。我们可以发现都是x轴向y轴方向旋转。

这个有什么用?主要就是为了纠正有时候 我们认为旋转总应该是顺时针的错觉。比如第一张图是正常的画布的坐标系,我们正常旋转画布也是按这个方向旋转,但是如果我们执行了 scale(1,-1),画布就会变成第三张图,再旋转 pi/4,就是反方向旋转了。

这是一个旋转了指定角度的矩形,我现在想绘制一个跟这个矩形在水平方向对称的图形,应该怎么画?。

相关推荐
广州华水科技21 小时前
深度测评2026年单北斗GNSS位移监测系统推荐,与高口碑变形监测设备一同引领行业新风尚
前端
Alice-YUE1 天前
【js高频八股】防抖与节流
开发语言·前端·javascript·笔记·学习·ecmascript
是上好佳佳佳呀1 天前
【前端(十一)】JavaScript 语法基础笔记(多语言对比)
前端·javascript·笔记
CDN3601 天前
排查实录:网站偶发502/504错误?360CDN回源超时配置与日志分析技巧
前端·数据库
之歆1 天前
Day07_CSS盒子模型 · 样式继承 · 用户代理样式
前端·css
DanCheOo1 天前
AI 应用的安全架构:Prompt 注入、数据泄露、权限边界
前端·人工智能·prompt·安全架构
We་ct1 天前
深度剖析浏览器跨域问题
开发语言·前端·浏览器·跨域·cors·同源·浏览器跨域
weixin_427771611 天前
前端调试隐藏元素
前端
爱上好庆祝1 天前
学习js的第五天
前端·css·学习·html·css3·js
C澒1 天前
IntelliPro 产研协作平台:基于 AI Agent 的低代码智能化配置方案设计与实现
前端·低代码·ai编程