canvasrenderingcontext2d.rotate(number angle)
基础库 或更高版本; 若版本较低,建议采取 兼容处理。
主体: 企业支付宝小程序 、 个人支付宝小程序
旋转当前坐标轴。
旋转中心点为原点,可使用 canvasrenderingcontext2d.translate
方法修改原点位置。多次调用 rotate ,将在上次旋转结果的基础上再次旋转。
效果示例
代码示例运行效果
number angle
旋转的弧度。可以使用 旋转角度 * math.pi / 180
计算。旋转角度为正数将顺时针旋转,为负数将逆时针旋转。
代码示例
.js
.axml
page({
oncanvasready() {
my.createselectorquery().select('#canvas').node().exec((res) => {
const canvas = res[0].node
const ctx = canvas.getcontext('2d')
ctx.strokerect(120, 20, 100, 50)
// 顺时针旋转 60 度
ctx.rotate(60 * math.pi / 180)
ctx.strokerect(120, 20, 100, 50)
// 逆时针旋转 30 度
ctx