tengo una funcion que me da un numero entre 0 y 1, para la x y tambien tengo otra funcion que me da un numero entre 0 y 1, para la coordenada y

entonces quiero visualizarlo usando un lienzo, así que quiero convertir los números en valores de píxeles

por ejemplo:

tengo un lienzo de 300x400px, si el número normalizado es 0.5, para la x y la y

¿Qué matemáticas necesitaría hacer para que sea 150x, 200y?

mi código para visualizarlo (esta parte funciona, es solo para referencia)

 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();

¡Gracias!