如何在函数曲线 HTML 画布下查找区域
How to find area under function curve HTML Canvas
我必须在y=x*x曲线下找到面积,并用红色圆圈的随机分布填充该区域。到目前为止我的进步
for (x=150; x<=750; x++)
{
y=-1/300*(x-450)*(x-450) +470
if (x==0)
{
ctx.moveTo(x,y);
}
else
{
ctx.lineTo(x,y);
}
}
ctx.stroke();
iMax=1000
for (i=0; i<=iMax;i++)
{
x=150 + Math.floor((Math.random()*600));
y=170 + Math.floor((Math.random()*300));
d=-1/300*(x-450)*(x-450) +470
if(d<y)
{
ctx.beginPath();
ctx.arc(x,y,2,0,2*Math.PI);
ctx.strokeStyle = 'red';
ctx.stroke();
}
else
{
ctx.beginPath();
ctx.arc(x,y,2,0,2*Math.PI);
ctx.stroke();
}
}
但我只是无法弄清楚如何确定曲线下方的区域,我需要帮助。
您可以使用计数积分,如下所示:
var ySum = 0;
for (x=150; x<=750; x++)
{
y=-1/300*(x-450)*(x-450) +470;
ySum += 470 - y - 1;// 1 is line width
if (x==0)
{
ctx.moveTo(x,y);
}
else
{
ctx.lineTo(x,y);
}
}
alert(ySum);//area below curve
ctx.stroke();
iMax=1000
for (i=0; i<=iMax;i++)
{
x=150 + Math.floor((Math.random()*600));
y=170 + Math.floor((Math.random()*300));
d=-1/300*(x-450)*(x-450) +470
if(d<y)
{
ctx.beginPath();
ctx.arc(x,y,2,0,2*Math.PI);
ctx.strokeStyle = 'red';
ctx.stroke();
}
else
{
ctx.beginPath();
ctx.arc(x,y,2,0,2*Math.PI);
ctx.stroke();
}
}
相关文章:
- 在不使用jquery的情况下查找页面中的所有锚点并附加函数
- es6 相当于下划线查找位置
- 如何在不传递此信息的情况下查找被调用的元素
- 带嵌套json的下划线js查找
- 在对象中查找下一个键id
- 如何在不使用 ID 的情况下查找元素
- 如何在不依赖 javascript 中的 id、类或内容的情况下查找和检索节点位置
- 在没有 Math.min 的情况下查找数组中的最小值
- 在不使用排序的情况下查找数组中的第 n 个最大数字
- 如何在函数曲线 HTML 画布下查找区域
- 在给定一组 6 位数字的情况下查找每个可能的“非重复”组合
- 如何在 Node.js 目录下查找内置模块
- 在没有 jQuery 的情况下查找最近的元素
- 字段onchange是否可以在没有用户输入的情况下查找更改
- Jquery:如何在没有提交人的情况下查找输入框的值
- Regex在没有www.的情况下查找域名
- 在不使用match()的情况下查找精确的字符串
- 在Emacs js2模式下查找语法警告的热键
- 在点击下查找导致模糊的元素
- 如何在不使用array_count_values的情况下查找数组中的重复值