Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/442.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在点栅格上计算抗锯齿_Javascript_Image_Algorithm_Html5 Canvas - Fatal编程技术网

Javascript 在点栅格上计算抗锯齿

Javascript 在点栅格上计算抗锯齿,javascript,image,algorithm,html5-canvas,Javascript,Image,Algorithm,Html5 Canvas,我用一系列整数来表示一幅图像,这些整数代表图像中每个像素的强度。每个点不是0就是1。给定这些数据,如何计算抗锯齿值,以便最终结果平滑 示例数据: // What I have const aliased = [ 0, 0, 0, 0, 0, 0, 1, 1, 1, 0, 0, 0, 0, 1, 0, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 0, 1, 0, 1, 0, 0, 0, 1, 0, 0, 0, 0, 0, 0, 0,

我用一系列整数来表示一幅图像,这些整数代表图像中每个像素的强度。每个点不是0就是1。给定这些数据,如何计算抗锯齿值,以便最终结果平滑

示例数据:

// What I have
const aliased = [
   0, 0, 0, 0, 0,
   0, 1, 1, 1, 0,
   0, 0, 0, 1, 0,
   0, 0, 1, 0, 0,
   0, 0, 0, 1, 0,
   0, 1, 0, 1, 0,
   0, 0, 1, 0, 0,
   0, 0, 0, 0, 0,
];

// What I want to calculate
const smoothed = [
   0, 0, 0, 0, 0,
   0, 1, 1, 1, 0,
   0, 0, 0, 1, 0,
   0, 0, 1, 0, 0.5, // <- point with intensity of 50%
   0, 0, 0, 1, 0,
   0, 1, 0, 1, 0,
   0, 0, 1, 0, 0,
   0, 0, 0, 0, 0,
];
//我有什么
常量别名=[
0, 0, 0, 0, 0,
0, 1, 1, 1, 0,
0, 0, 0, 1, 0,
0, 0, 1, 0, 0,
0, 0, 0, 1, 0,
0, 1, 0, 1, 0,
0, 0, 1, 0, 0,
0, 0, 0, 0, 0,
];
//我想计算什么
常数平滑=[
0, 0, 0, 0, 0,
0, 1, 1, 1, 0,
0, 0, 0, 1, 0,

0,0,1,0,0.5,//您使用什么方法渲染当前输出?请分享您的代码,例如我正在为每个点渲染一个
NxN
像素
,并根据输入值将背景色设置为0-255之间的值(
(val)=>val/255
)。我想手工计算抗锯齿,而不仅仅是利用
来为我计算。你可以用你喜欢的颜色和不透明度在画布上绘制点。简单地说,共享你的代码,我们不为你编写代码,我们只帮你解决特定的编程问题。问题不是绘制数据。我正在尝试的是o solve是计算抗锯齿点的位置,以及它们应该具有的值。哦,抱歉,这会改变情况。但我无法帮助您完成此任务,抱歉。我希望有人有想法。祝您好运!