首页 > 其他分享 >【高中数学/函数/零点】函数f(x)=e^x*|lnx|-2的零点个数为?

【高中数学/函数/零点】函数f(x)=e^x*|lnx|-2的零点个数为?

时间:2024-09-12 22:52:07浏览次数:13  
标签:Canvas 函数 max 零点 retval lnx

【问题】

函数f(x)=e^x*|lnx|-2的零点个数为?

【出处】

《高考数学极致解题大招》P18 2-1 中原教研工作室编著

【解答】

e^x*|lnx|-2=0即|lnx|=2/e^x

草绘两者图像可知交点为两个,故零点为两个。

【函数图像】

 用Canvas绘制实际图像如下:

【高中数学/函数/零点】函数f(x)=e^x*|lnx|-2的零点个数为?_高中数学 函数 零点

由上图可见,函数y=e^x*|lnx|-2确实只与x轴有两个交点,且函数y=|lnx|与y=2/e^x仅有两个交点,实际图像与理论推演一致。

【绘制图线的Canvas代码】

<!DOCTYPE html>
<html lang="utf-8">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<head>
     <title>UNASSIGNED</title>
     <style type="text/css">
     .centerlize{
        margin:0 auto;
        border:0px solid red;
        width:1200px;height:600px;
     }
     </style>
     </head>

     <body onl oad="draw();">
        <div class="centerlize">
            <canvas id="myCanvas" width="10px" height="10px" style="border:1px dashed black;">
                如果看到这段文字说您的浏览器尚不支持HTML5 Canvas,请更换浏览器再试.
            </canvas>
        </div>
     </body>
</html>
<script type="text/javascript">
<!--
/*****************************************************************
* 将全体代码拷贝下来,粘贴到文本编辑器中,另存为.html文件,
* 再用chrome浏览器打开,就能看到动画效果。
******************************************************************/

// 系统常量定义处
const TITLE="f(x)=e^x*|lnx|-2的图像 ";    // 图像标题
const WIDTH=1200;                    // 画布宽度
const HEIGHT=600;                    // 画布高度
const SCALE_UNIT=50;                 // 缩放比例 25对应x∈[-24,24],100对应x∈[-6,6]

// 系统变量定义处
var context=0;                        // 画布环境
var stage;                            // 舞台对象
var timeElapsed=0;                    // 动画运作的的时间
const TIME_END=100000;                // 动画运作的期限

//-------------------------------
// Canvas开始运作,由body_onload调用
//-------------------------------
function draw(){
    document.title=TITLE;

    // 画图前初始化
    var canvas=document.getElementById('myCanvas');    
    canvas.width=WIDTH;
    canvas.height=HEIGHT; 
    context=canvas.getContext('2d');  
    
    // 进行屏幕坐标系到笛卡尔坐标系的变换
    // 处置完成前,原点在左上角,向右为X正向,向下为Y的正向
    // 处置完毕后,原点移动到画布中央,向右为X正向,向上为Y的正向
    context.translate(WIDTH/2,HEIGHT/2);
    context.rotate(Math.PI);
    context.scale(-1,1);

    // 初始化舞台
    stage=new Stage();

    // 开始动画
    animate();
};

//-------------------------------
// 画图
//-------------------------------
function animate(){    
    timeElapsed+=1;// 时间每轮增加1

    stage.update(timeElapsed);
    stage.paintBg(context);
    stage.paint(context);

    if(timeElapsed<TIME_END){        
        window.requestAnimationFrame(animate);
    }
}

//-------------------------------
// 舞台对象定义处
//-------------------------------
function Stage(){
    // 内置对象(非必要勿更改)
    var obj=new Object;

    // 对象下的曲线数组(非必要勿更改)
    obj.curves=[];

    // 塞入曲线1(按需修改设定项)
    obj.curves.push({
        name:"曲线:f(x)=e^x*|lnx|-2",
        xEnd:3,
        x:0,
        y:0,
        setY:function(x){
            this.y=Math.pow(Math.E,x)*Math.abs(Math.log(x))-2;// 解析式

            let coord={"x":x,"y":this.y};        

            if(x<1){
                this.pts0.push(coord);
            }else{
                this.pts1.push(coord);
            }
        },
        "pts0":[],
        "pts1":[],
    });

    // 塞入曲线2(按需修改设定项)
    obj.curves.push({
        name:"曲线:f(x)=|lnx|",
        xEnd:12,
        x:0,
        y:0,
        setY:function(x){
            this.y=Math.abs(Math.log(x));// 解析式

            let coord={"x":x,"y":this.y};        

            if(x<1){
                this.pts0.push(coord);
            }else{
                this.pts1.push(coord);
            }
        },
        "pts0":[],
        "pts1":[],
    });

    // 塞入曲线3(按需修改设定项)
    obj.curves.push({
        name:"曲线:f(x)=2/e^x",
        xEnd:12,
        x:-2,
        y:0,
        setY:function(x){
            this.y=2/Math.pow(Math.E,x);// 解析式

            let coord={"x":x,"y":this.y};

            this.pts0.push(coord);
        },
        "pts0":[],
    });
                        
    // 随时间更新位置(非必要勿更改)
    obj.update=function(t){
        for(var i=0;i<this.curves.length;i++){
            var curve=this.curves[i];

            if(curve.x<curve.xEnd){
                curve.x+=0.01;
                curve.setY(curve.x);
            }
        }
    };

    // 画前景
    obj.paint=function(ctx){  
        // 手动标记点
        paintPoint(ctx,0.2,0,"a","navy");
        paintPoint(ctx,1.56,0,"b","navy");

        // 文字左上角位置(可手动修改设定值)
        const X_START=-230;    // 文字横起点
        const Y_START=150;    // 文字纵起点
        const OFFSET=50;    // 文字间隔
        // 遍历曲线数组(非必要勿更改)
        for(var i=0;i<this.curves.length;i++){
            var curve=this.curves[i];
            var color=getColor(i);

            // 曲线名称
            drawText(ctx,curve.name,X_START,Y_START-i*OFFSET,color,18);
            // 曲线当前点坐标
            drawText(ctx,"当前 X:"+curve.x.toFixed(3)+"  Y:"+curve.y.toFixed(3),X_START,Y_START-20-(i)*OFFSET,color,18);
            
            // 绘制曲线
            if(curve.pts0){
                paintCurve(ctx,color,curve.pts0);
                
                // 绘制曲线分段1的高低点(可选)
                //var mm=findMaxMin(curve.pts0);
                //markMaxMin(ctx,mm,color);
            }
            if(curve.pts1){
                paintCurve(ctx,color,curve.pts1);
                // 绘制曲线分段2的高低点(可选)
                //var mm=findMaxMin(curve.pts1);
                //markMaxMin(ctx,mm,color);
            }
            if(curve.pts2){
                paintCurve(ctx,color,curve.pts2);
                // 绘制曲线分段3的高低点(可选)
                //var mm=findMaxMin(curve.pts2);
                //markMaxMin(ctx,mm,color);
            }
            if(curve.pts3){
                paintCurve(ctx,color,curve.pts3);
                // 绘制曲线分段4的高低点(可选)
                //var mm=findMaxMin(curve.pts3);
                //markMaxMin(ctx,mm,color);
            }
            if(curve.pts4){
                paintCurve(ctx,color,curve.pts4);
                // 绘制曲线分段4的高低点(可选)
                //var mm=findMaxMin(curve.pts3);
                //markMaxMin(ctx,mm,color);
            }
        }
    };

    // 画背景(非必要不更改)
    obj.paintBg=function(ctx){
        // 清屏
        ctx.clearRect(-600,-300,1200,600);
        ctx.fillStyle="rgb(251,255,253)";
        ctx.fillRect(-600,-300,1200,600);

        // 画X轴
        drawAxisX(ctx,-600,600,50);

        // 画Y轴
        drawAxisY(ctx,-300,300,50);

        // 画网格线
        drawGrid(ctx,-600,-300,50,1200,600,50);
        
        // 左上角标题
        var metrics = ctx.measureText(TITLE);
        var textWidth = metrics.width;
        drawText(ctx,TITLE,-WIDTH/2+textWidth+3,HEIGHT/2-30,"grey",18);

        // 右下角作者,日期
        const waterMarkTxt="逆火原创@"+(new Date()).toLocaleDateString();
        metrics = ctx.measureText(waterMarkTxt);
        textWidth = metrics.width;
        drawText(ctx,waterMarkTxt,WIDTH/2-textWidth,-HEIGHT/2,"lightGrey",16);
    };
    
    return obj;
}

// 描绘并标识一个点
function paintPoint(ctx,x,y,text,color){
    var xReal=x*SCALE_UNIT;
    var yReal=y*SCALE_UNIT;

    ctx.strokeStyle=color;
    ctx.lineWidth=0.5;

    // 划线
    ctx.save();
    ctx.setLineDash([5,5]);
    ctx.beginPath();    
    ctx.moveTo(xReal,0);
    ctx.lineTo(xReal,yReal);
    ctx.lineTo(0,yReal);
    ctx.stroke();
    ctx.restore();

    // 画圈
    ctx.beginPath();
    ctx.arc(xReal,yReal,4,0,Math.PI*2,false);
    ctx.closePath();    
    ctx.stroke();

    // 写文字
    var metrics = ctx.measureText(text);
    var textWidth = metrics.width;
    drawText(ctx,text,xReal+textWidth+2,yReal-5,color,12);
}

// 连点成线画曲线
function paintCurve(ctx,color,cds){
    ctx.save();
    ctx.strokeStyle = color;
    ctx.lineWidth=1;

    ctx.beginPath();     
    for(var i=0; i<cds.length; i++){
        let y=cds[i].y;
        if(Math.abs(cds[i].y*SCALE_UNIT)<300){
            ctx.lineTo(cds[i].x*SCALE_UNIT,cds[i].y*SCALE_UNIT);
        }
    }     
    ctx.stroke();  
    ctx.restore();
}

// 找到坐标数组的最大最小值
function findMaxMin(cds){
    if(cds.length<1){
        return null;
    }

    var retval={max:-10000,max_x:0,min:10000,min_x:0};

    for(var i=0;i<cds.length;i++){
        var y=cds[i].y;

        if(y>retval.max){
            retval.max=y;
            retval.max_x=cds[i].x;
        }

        if(y<retval.min){
            retval.min=y;
            retval.min_x=cds[i].x;
        }
    } 

    return retval;
}

// 绘出最大最小值
function markMaxMin(ctx,mm,color){
    if(mm==null){
        return;
    }

    // 最大值
    var x=mm.max_x;
    var y=mm.max;
    ctx.strokeStyle=color;
    ctx.beginPath();
    ctx.arc(x*SCALE_UNIT,y*SCALE_UNIT,5,0,Math.PI*2,false);
    ctx.closePath();
    ctx.stroke();
    var text="max@x="+x.toFixed(3)+" y="+y.toFixed(3);
    drawText(ctx,text,x*SCALE_UNIT,y*SCALE_UNIT,color,12);

    // 最小值
    var x=mm.min_x;
    var y=mm.min;
    ctx.strokeStyle=color;
    ctx.beginPath();
    ctx.arc(x*SCALE_UNIT,y*SCALE_UNIT,5,0,Math.PI*2,false);
    ctx.closePath();
    ctx.stroke();
    var text="min@x="+x.toFixed(3)+" y="+y.toFixed(3);
    drawText(ctx,text,x*SCALE_UNIT,y*SCALE_UNIT,color,12);
}

// 定点画实心圆
function drawSolidCircle(ctx,x,y,r,color){
      ctx.save();
      ctx.beginPath();
      ctx.arc(x,y,r,0,2*Math.PI);
      ctx.fillStyle=color;
      ctx.fill();
      ctx.restore();
}

// 两点之间画线段
function drawLine(ctx,x1,y1,x2,y2,color){
    ctx.save();
    ctx.lineWidth=0.25;
    ctx.strokeStyle=color;
    ctx.beginPath();
    ctx.moveTo(x1,y1);
    ctx.lineTo(x2,y2);
    ctx.stroke();
    ctx.closePath();
    ctx.restore();
}

// 画横轴
function drawAxisX(ctx,start,end,step){
    const AXISY_COLOR="black";

    ctx.save();
    
    ctx.lineWidth=0.5;
    ctx.strokeStyle=AXISY_COLOR;

    // 画轴
    ctx.beginPath();
    ctx.moveTo(start, 0);
    ctx.lineTo(end, 0);
    ctx.stroke();
    ctx.closePath();

    // 画箭头
    ctx.beginPath();
    ctx.moveTo(end-Math.cos(getRad(15))*10, Math.sin(getRad(15))*10);
    ctx.lineTo(end, 0);
    ctx.lineTo(end-Math.cos(getRad(15))*10, -Math.sin(getRad(15))*10);
    ctx.stroke();
    ctx.closePath();
    
    // 画刻度
    var x,y;
    y=5;
    for(x=start;x<end;x+=step){
        if(x==0){
            continue;
        }

        ctx.beginPath();
        ctx.moveTo(x, 0);
        ctx.lineTo(x, y);
        
        ctx.stroke();
        ctx.closePath();

        var text=formatScale(x/SCALE_UNIT);
        drawText(ctx,text,x,y-20,AXISY_COLOR,12);
    }

    ctx.restore();
}

// 画纵轴
function drawAxisY(ctx,start,end,step){
    const AXISY_COLOR="black";
        
    ctx.save();
    
    ctx.lineWidth=0.5;
    ctx.strokeStyle=AXISY_COLOR;

    // 画轴
    ctx.beginPath();
    ctx.moveTo(0, start);
    ctx.lineTo(0, end);
    ctx.stroke();
    ctx.closePath();

    // 画箭头
    ctx.beginPath();
    ctx.moveTo(Math.sin(getRad(15))*10, end-Math.cos(getRad(15))*10);
    ctx.lineTo(0, end);
    ctx.lineTo(-Math.sin(getRad(15))*10, end-Math.cos(getRad(15))*10);
    ctx.stroke();
    ctx.closePath();
    
    // 画刻度
    var x,y;
    x=5;
    for(y=start;y<end;y+=step){
        ctx.beginPath();
        ctx.moveTo(x, y);
        ctx.lineTo(0, y);
        
        var text=formatScale(y/SCALE_UNIT);
        var metrics = ctx.measureText(text);
        var textWidth = metrics.width;
        drawText(ctx,text,x-textWidth-5,y,AXISY_COLOR,12);

        ctx.stroke();
        ctx.closePath();
    }

    ctx.restore();
}

//-------------------------------
// 得到整型后的刻度
//-------------------------------
function formatScale(scale){
    var s=scale*10;
    if(s % 5==0){
        return scale+"";
    }else{
        return scale.toFixed(2);
    }
}

// 画网格线
function drawGrid(ctx,x1,y1,step1,x2,y2,step2){
    ctx.save();
    
    ctx.lineWidth=0.25;
    ctx.strokeStyle="lightgrey";    

    // 分十格
    var x,y;
    for(x=x1;x<x2;x+=step1/10){
        ctx.beginPath();
        ctx.moveTo(x, y1);
        ctx.lineTo(x, y2);
        ctx.stroke();
        ctx.closePath();
    }

    for(y=y1;y<y2;y+=step2/10){
        ctx.beginPath();
        ctx.moveTo(x1, y);
        ctx.lineTo(x2, y);
        ctx.stroke();
        ctx.closePath();
    }

    // 十小格间的分割线
    ctx.lineWidth=0.25;
    ctx.strokeStyle="grey";
    ctx.setLineDash([5,5]);// 设置虚线,起止点间包含五空格五划线共十段

    for(x=x1;x<x2;x+=step1){
        ctx.beginPath();
        ctx.moveTo(x, y1);
        ctx.lineTo(x, y2);
        ctx.stroke();
    }

    for(y=y1;y<y2;y+=step2){
        ctx.beginPath();
        ctx.moveTo(x1, y);
        ctx.lineTo(x2, y);
        ctx.stroke();
    }

    ctx.restore();
}

//-------------------------------
// 角度得到弧度
//-------------------------------
function getRad(degree){
    return degree/180*Math.PI;
}

//-------------------------------
// 得到颜色
//-------------------------------
function getColor(index){
    var arr=[
        "maroon" /* 栗色 */,
        "orange" /* 橙色 */,
        "blue"   /* 蓝色 */,
        "green"  /* 绿色 */,       
        "fuchsia"/* 紫红 */,        
        "grey"   /* 灰色 */,
        "lime"   /* 酸橙 */,        
        "navy"   /* 海蓝 */,        
        "purple" /* 紫色 */,
        "skyblue"/* 天蓝 */,
        "teal"   /* 蓝绿 */,
        "yellow" /* 亮黄 */,
        "aqua"   /* 湖绿 */,
        "red"    /* 红色 */,        
        "black"  /* 黑色 */,    
    ];

    return arr[index % arr.length];
}

//-------------------------------------
// 绘制文字,指定颜色
// ctx:绘图环境
// text:文字
// x,y:坐标
// color:颜色
// size:字体大小
//-------------------------------------
function drawText(ctx,text,x,y,color,size){
    ctx.save();
    ctx.translate(x,y)
    ctx.rotate(getRad(180))
    ctx.scale(-1,1)

    ctx.textBaseline="bottom";
    ctx.textAlign="center";
    ctx.fillStyle=color;
    ctx.font = size+"px consolas";

    ctx.fillText(text,0,0);
    ctx.restore();
}

// JS开立方
function kaiLiFang(x){
    if(x>0){
        return Math.pow(x,1/3);
    }else{
        return -Math.pow(-x,1/3);
    }
}
//-->
/****************************************
我很普通,但我想赢。
****************************************/
</script>

END

标签:Canvas,函数,max,零点,retval,lnx
From: https://blog.51cto.com/u_7726611/11993866

相关文章

  • ##嵌入式学习之Linux系统编程##--标准I/O函数
    day01主要内容:linux系统下一切皆文件标准IO---标准库文件IO---系统调用制作库---静态库、动态库基本概念:标准I/O:文件:一组相关数据的有序集合。文件名:这个数据集合的名称。文件类型:lsp-bcd系统调用用户空间进程访问内核的接口把用户从底层的硬件编程......
  • 【Python使用】嘿马python基础入门全体系教程第9篇:高阶函数,函数应用:学生管理系统【附
    本教程的知识点为:计算机组成计算机是由什么组成的?1.硬件系统:2.软件系统:目标运算符的分类1.算数运算符2.赋值运算符3.复合赋值运算符判断语句和循环语句if嵌套1.if嵌套的格式2.if嵌套的应用if嵌套执行流程容器:字符串、列表、元组、字典字符串介绍一.认识字......
  • MySQL常用函数
    一、聚合函数1、max():计算指定列的最大值2、min():计算指定列的最小值3、count():计算指定列不为null的数据的数量4、sum():计算指定列的数值的和如果计算的列的类型不是数值类型,计算结果为05、avg():计算指定列的数值的平均值如果计算的列的类型不是数值类型,计算的结果......
  • JAVA基础之5-函数式接口的实现
    之所以单独把这个列出来,是因为本人被一个源码给震撼了。所以,本人目的是看看这个震撼实现,并模仿,最后把常规的实现也贴上,让读者可以看到相对完整的实现注:本文代码基于JDK17 一、让人震撼的代码Collectors.toList()publicstatic<T>Collector<T,?,List<T>>toList()......
  • Python 内置函数汇总(使用示例)
    abs(number)求解整数,浮点数绝对值,返回复数模大小aiter()异步的方式遍历可迭代对象的异步迭代器importasynciocount=0asyncdefexample():asyncdefasync_generator():globalcountwhileTrue:count+=1......
  • 第七章习题3-写一个判断素数的函数,在主函数中输入一个整数,输出是否为素数的信息
     ......
  • 牛逼!在Vue3.5中仅仅2分钟就能封装一个自动cancel的fetch函数
    前言在欧阳的上一篇这应该是全网最详细的Vue3.5版本解读文章中有不少同学对Vue3.5新增的onWatcherCleanup有点疑惑,这个新增的API好像和watchAPI回调的第三个参数onCleanup功能好像重复了。今天这篇文章来讲讲新增的onWatcherCleanup函数的使用场景:封装一个自动cancel的fetch......
  • 高等数学 1.10 闭区间上连续函数的性质
    目录一、有界性与最大值最小值定理二、零点定理与介值定理*三、一致连续性一、有界性与最大值最小值定理最大值最小值的概念:对于在区间\(I\)上有定义的函数\(f(x)\),如果有\(x_0\inI\)使得对于任一\(x\inI\)都有\[f(x)\leqslantf(x_0)\quad(f(x)\geqslantf(......
  • C语言进阶【3】---C语言内存函数
    本章概述本章函数概述memcpy使用和模拟memmove使用和模拟memset函数的使用memcmp函数的使用彩蛋时刻!!!本章函数概述我们在本章的博客中讲的内容是有关内存的操作,我们直接通过内存块对数据进行操作。因为我们是直接对内存块操作,所以可以对任意类型数据进行操作(我们没......
  • C++知识点:size_t, a.at(i), reverse函数
    1.size_t`size_t`是一种在C/C++编程中非常常用的数据类型,它定义在`<stddef.h>`或者`<cstdlib>`等头文件中,通常用来表示**大小**或**长度**。###关键特性:1.**无符号类型**:`size_t`是无符号整数类型,表示它只能存储非负整数。因此,它不会用于存储负值,这使得它非常适合表示诸如......