canvas绘制坐标系 从右下角为原点开始

可以通过以下步骤在canvas中绘制一个从右下角为原点开始的坐标系：

1. 获取canvas元素

const canvas = document.getElementById('canvas');

2. 获取canvas的上下文对象

const ctx = canvas.getContext('2d');

3. 翻转坐标系

ctx.translate(canvas.width, canvas.height);
ctx.scale(-1, -1);

4. 绘制坐标系

// x轴
ctx.beginPath();
ctx.moveTo(0, 0);
ctx.lineTo(canvas.width, 0);
ctx.stroke();

// y轴
ctx.beginPath();
ctx.moveTo(0, 0);
ctx.lineTo(0, canvas.height);
ctx.stroke();

这样就可以在canvas中绘制一个从右下角为原点开始的坐标系。