Javascript 画布地图坐标

Javascript 画布地图坐标,javascript,html,math,Javascript,Html,Math,我想在800x800px的画布上绘制[-5,5]中x的exp(x)。我设法在水平轴上将[-5,5]映射到[0800],但在垂直轴上将[exp(-5),exp(5)]映射到[800,0]却很困难。 你知道怎么做吗?提前感谢。下面是一个详细的方法示例i和j是画布坐标,白色x和y是函数坐标 从y到j的映射基本上与从x到i的映射相反。但是您必须从高度中减去结果,因为在画布上绘制时,y坐标是反向的 var c=document.querySelector('canvas'); var ctx=c.get

我想在800x800px的画布上绘制[-5,5]中x的exp(x)。我设法在水平轴上将[-5,5]映射到[0800],但在垂直轴上将[exp(-5),exp(5)]映射到[800,0]却很困难。

你知道怎么做吗?提前感谢。

下面是一个详细的方法示例
i
j
是画布坐标,白色
x
y
是函数坐标

y
j
的映射基本上与从
x
i
的映射相反。但是您必须从高度中减去结果,因为在画布上绘制时,
y
坐标是反向的

var c=document.querySelector('canvas');
var ctx=c.getContext('2d');
ctx.beginPath();
常数宽度=400;
常数高度=150;
//界限
常数minx=-5;
常数maxx=5;
const miny=Math.exp(-5);
const maxy=Math.exp(5);
ctx.移动到(0,高度);
对于(设i=0;i
画布{
边框:1px纯黑;
}

我设法映射了您忘记发布代码了。