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

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

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

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

相关推荐
Zhencode6 小时前
Vue3 响应式依赖收集与更新之effect
前端·vue.js
x-cmd6 小时前
[x-cmd] jsoup 1.22.1 版本发布,引入 re2j 引擎,让 HTML 解析更安全高效
前端·安全·html·x-cmd·jsoup
天下代码客7 小时前
使用electronc框架调用dll动态链接库流程和避坑
前端·javascript·vue.js·electron·node.js
weixin199701080167 小时前
【性能提升300%】仿1688首页的Webpack优化全记录
前端·webpack·node.js
冰暮流星7 小时前
javascript之数组
java·前端·javascript
晚霞的不甘8 小时前
Flutter for OpenHarmony天气卡片应用:用枚举与动画打造沉浸式多城市天气浏览体验
前端·flutter·云原生·前端框架
xkxnq8 小时前
第五阶段:Vue3核心深度深挖(第74天)(Vue3计算属性进阶)
前端·javascript·vue.js
三小河8 小时前
Agent Skill与Rules的区别——以Cursor为例
前端·javascript·后端
Hilaku8 小时前
不要在简历上写精通 Vue3?来自面试官的真实劝退
前端·javascript·vue.js
三小河8 小时前
前端视角详解 Agent Skill
前端·javascript·后端