如何对 javascript 中的数字进行反规范化（反向规范化）？

Question

我有一个函数可以给我一个介于 0 和 1 之间的数字，对于 x 我还有另一个函数，它给我一个介于 0 和 1 之间的数字，用于 y 坐标

然后我想用canvas可视化它，所以我想把数字变成像素值

例如：

我有一个 canvas 那是 300x400px，如果归一化数为 0.5，对于 x 和 y

我需要做哪些数学运算才能使它变为 150x、200y？

我的可视化代码（这部分有效，仅供参考）

ctx.beginPath()
ctx.arc(xval, yval, 5, 0, 2 * Math.PI)
ctx.fillStyle = "#FF0000";
ctx.fill()

ctx.beginPath();
ctx.moveTo(0, xval);
ctx.lineTo(300, xval);
ctx.stroke();

ctx.beginPath();
ctx.moveTo(yval, 0);
ctx.lineTo(yval, 400);
ctx.stroke();

谢谢！

Answer 1

只需乘以您需要的系数即可。

const x = normalized * width;
const y = normalized * height

Answer 2

假设 canvas 宽度 =300 且 canvas 高度 =400 只需乘以 x * wi

如何对 javascript 中的数字进行反规范化（反向规范化）？

How to de-normalize numbers (reverse normalize) in javascript?

javascript

data-visualization

canvas

draw