javascript - 获取 "%"到 javascript 输出

Question

有人可以帮助一个完整的 javascript 菜鸟吗？我的 google-fu 好像完全没有了……

我正在尝试转换它...

var $win = jQuery(window),
w = 0,h = 0,
sgcolour = [],
getWidth = function() {
 w = $win.width();
 h = $win.height();
};
$win.resize(getWidth).mousemove(function(e) {
 sgcolour = [
  Math.round(e.pageX/w * 255),
  Math.round(e.pageY/h * 255),
  150,
  1
 ];
 jQuery(document.body).css('background','rgba('+sgcolour.join(',')+')');
}).resize();

Here on jsfiddle

从 rgba 到 hsla，x 轴为色调，y 为饱和度，其他值固定。

我想我已经很明显了(更改'rgba'，将值从适合 rgba 的值设置为适合 hsla 的值)，但我终究无法弄清楚如何让它输出“% "在要求的值之后...

我希望我能够自己解决这个问题，但我不确定我是否足够了解它以通过谷歌搜索正确的问题:/

Answer 1

int/int 结果为 int(因此为 0 或 1)。

你应该先乘后除:

Math.round(e.pageX * 255 / w),
Math.round(e.pageY * 255 / h),

而且您不需要对值进行舍入，因为它的类型是int。

(e.pageX * 255 / w),
(e.pageY * 255 / h),