![](https://img-blog.csdnimg.cn/direct/ed5c57fddde8422bb061a07623671740.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
图形
文章平均质量分 86
canvas勾画函数图线
普兰店拉马努金
正找工.
展开
-
【Canvas技法】流星雨的实现
HTML5/Canvas中,动态流星雨的原理性实现。原创 2024-05-02 13:12:02 · 964 阅读 · 0 评论 -
【Canvas技法】七种环状花纹荟萃
使用HTML5/Canvas绘制七种环状花纹,包括锯齿纹、破折线纹、波浪纹、绳纹、点纹、鱼鳞纹和方齿纹。原创 2024-04-18 22:10:22 · 512 阅读 · 0 评论 -
【Canvas技法】蓝布底金字北岛诗节选(背景图片、文字阴影示例)
在Html5/Canvas中,使用背景图片和文字阴影的效果展示。原创 2024-04-15 19:12:53 · 824 阅读 · 0 评论 -
【Canvas技法】绘制正六边形、正八边形、六角星、立体六角星
在Html5/Canvas绘制正六边形、正八边形、六角星、立体六角星原创 2024-04-15 17:36:24 · 575 阅读 · 0 评论 -
【Canvas技法】绘制绘制正五边形、正五角星
在Html5/Canvas中 绘制正五边形、正五角星等。原创 2024-04-15 13:20:28 · 725 阅读 · 0 评论 -
【Canvas技法】绘制矩形、正方形、切角矩形和圆角矩形
在Html5/Canvas中,绘制矩形、正方形、切角矩形和圆角矩形。原创 2024-04-15 10:32:48 · 810 阅读 · 0 评论 -
【Canvas技法】绘制正三角形、切角正三角形、圆角正三角形
在Html5/Canvas中绘制正三角形、切角正三角形、圆角正三角形原创 2024-04-15 07:51:21 · 898 阅读 · 0 评论 -
【Canvas技法】在Canvas按圆周绘制图形或是标注文字时,角度累加的方向为顺时针,起点为x轴正向
在canvas中,以角度累加的方式绘制元素,起点在x轴正向,方向是顺时针。原创 2024-04-12 22:06:16 · 532 阅读 · 0 评论 -
【Canvas技法】四条C形色带填满一个圆/环形
使用Html5/Canvas的arc函数组成四条完整的C形色带填慢一个圆形或环形。原创 2024-04-12 16:02:27 · 1095 阅读 · 0 评论 -
【Canvas技法】用椭圆绘制经纬线
在Html/Canvas中,用贝塞尔三次曲线拟近椭圆,然后用椭圆绘制球体的经纬线。原创 2024-04-06 07:00:38 · 830 阅读 · 0 评论 -
【Canvas技法】图解绘制圆弧的重要函数 arc(x,y,r,startAngle,endAngle,clockWise)
Html5/Canvas中绘制圆弧的重要函数 arc(x,y,r,startAngle,endAngle,clockWise) 的具体用法图解。原创 2024-04-04 15:49:49 · 1310 阅读 · 0 评论 -
【Canvas技法】使用贝塞尔三次曲线拟近椭圆绘制蛇纹手镯
在Html5/Canvas中,使用贝塞尔三次曲线绘制四条弧线去拟近椭圆。原创 2024-04-02 10:59:06 · 622 阅读 · 0 评论 -
【Canvas与函数最值】求函数 y=(x^2+4)^0.5+((x-3)^2+25)^0.5 的最小值?
用数形结合法和Canvas图像法,分别求函数 y=(x^2+4)^0.5+((x-3)^2+25)^0.5 的最小值。原创 2024-03-12 13:16:34 · 430 阅读 · 0 评论 -
【Canvas与函数极值】当x>0时,求(x^2+3x+6)/(x+1)的最小值
题目:当x>0时,求(x^2+3x+6)/(x+1)的最小值。使用基本不等式、判别式和Canvas图像法分别探索。原创 2024-03-01 21:24:55 · 585 阅读 · 0 评论 -
【Canvas与函数极值】求函数 y=(x^2-2x-3)/(2x^2+2x+1) 的极值点
分别用纸上的判别式法和Canvas图像法求函数 y=(x^2-2x-3)/(2x^2+2x+1) 的极值点。原创 2024-02-29 16:29:53 · 681 阅读 · 0 评论 -
【Canvas与函数极值】函数f(x)=((x+3)^2+1)^0.5+((x-5)^2+4)^0.5 的值域是?
求双根号函数 f(x)=((x+3)^2+1)^0.5+((x-5)^2+4)^0.5 的值域,用数形结合法纸上推演,用canvas勾画图线验证。原创 2024-02-29 08:05:26 · 852 阅读 · 0 评论 -
【Canvas与函数极值】当x>0时,求x^2-x+1/x的最小值
当x>0时,求x^2-x+1/x的最小值。用配方法、导数法和绘图法解决。原创 2024-02-28 17:19:39 · 998 阅读 · 0 评论 -
【Canvas与函数图像】y=x/(1+x^2)
用canvas勾画函数y=x/(1+x^2)图线原创 2024-02-24 22:16:26 · 748 阅读 · 0 评论 -
【Canvas与函数图像】y=x+Math.pow(2-x*x*x,1/3)
有道题是x^3+y^3=2,求x+y的最大值,借助于计算机绘图,把函数图线描画出来,然后得到结论:x=1时,x+y的最大值为2原创 2024-02-21 12:02:35 · 597 阅读 · 0 评论 -
【Canvas与函数图像】函数 y=x^2-2x-3 及其反函数 y=1/(x^2-2x-3) 对比图示
drawText(ctx,"函数 "+TITLE+" 图示",-400,-160,"navy",18);drawText(ctx,"逆火",-500,-200,"navy",16);"fuchsia"/* fuchsia 紫红*/,"red"/* red 大红*/,"skyblue"/* skyblue 天蓝*/,"maroon"/* maroon 棕色*/,"purple"/* purple 紫色*/,"green"/* green 绿色*/,"black"/* black黑色*/,原创 2023-09-28 22:37:32 · 137 阅读 · 0 评论 -
【Canvas与函数图像】y=(x+3)^0.5/(x-5)
drawText(ctx,"当前 X:"+this.prpty.x.toFixed(3)+" Y:"+this.prpty.y.toFixed(3),-400,125,"navy",18);drawText(ctx,"函数 "+TITLE+" 图示",-400,-160,"navy",18);drawText(ctx,"逆火",-500,-200,"navy",16);"fuchsia"/* fuchsia 紫红*/,"red"/* red 大红*/,"skyblue"/* skyblue 天蓝*/,原创 2023-09-28 20:57:47 · 111 阅读 · 0 评论 -
【Canvas与函数极值】当x∈R+时,求函数f(x)=x^2-x+1/x的极小值
当x∈R+时,求函数f(x)=x^2-x+1/x的极小值。使用了导数法,配方法和图像法原创 2023-09-27 14:27:45 · 43 阅读 · 0 评论 -
【Canvas与函数图像】函数 y=x+4/x 图示 (基本不等式函数)
在现实中我们常用基本不等式解题,有时可以回想一下其真实图线。原创 2023-09-27 09:27:42 · 356 阅读 · 0 评论 -
【Canvas与函数图像】函数 y=(1-2^x)/(1+2^x) 图示 (从1平台下滑到-1平台)
函数图像呈现了从y=1平台缓步下滑经过零点下降到y=-1平台的态势原创 2023-09-27 09:24:16 · 50 阅读 · 0 评论 -
【Canvas与函数图像】函数 y=sinx^2 图示 (形似中间松弛两头紧密的弹簧)
该函数为偶函数,图线关于y轴对称;因为y=sinx的零点是nPI,x^2要达到诸零点是越来越快,故图线越来越密集。原创 2023-09-27 09:20:27 · 1010 阅读 · 0 评论 -
【Canvas与函数图像】函数 y=(x^2-2x)*e^x 图示 (形似二战俯冲攻击机攻击路线:平飞、拉起、俯冲、高速脱离)
零点之间的极值,可以由导数为零的位置得到, 因为y'=(x^2-2x)'*ex+(x^2-2x)e'x=(x^2-2)ex,故导数的零点在±根号2处,原函数在次数导数为0,图线的切线平行于x轴。y=(x^2-2x)*e^x=x(x-2)e^x,因为e^x部分恒大于0,故函数图像的零点由前半部分x^2-2x决定,故(0,0),(2,0)是函数的零点;drawText(ctx,"函数 y=(x^2-2x)*e^x 图示",-400,-160,"navy",18);"red"/* red 大红*/,原创 2023-09-26 11:03:55 · 107 阅读 · 0 评论 -
【Canvas与函数图像】函数 y=sqrt(2x^2-4x+4) 图示 (形似折弯的钢丝)
drawText(ctx,"当前 X:"+this.prpty.x.toFixed(3)+" Y:"+this.prpty.y.toFixed(3),-400,125,"navy",18);drawText(ctx,"函数 y=sqrt(2x^2-4x+4) 图示",-400,-160,"navy",18);drawText(ctx,"逆火",-500,-200,"navy",16);"fuchsia"/* fuchsia 紫红*/,"red"/* red 大红*/,// 时间每轮增加1。原创 2023-09-26 00:17:12 · 86 阅读 · 0 评论 -
【Canvas与函数图像】函数 y=lnx-x+1 图示 (类似垂发导弹的轨迹)
drawText(ctx,"当前 X:"+this.prpty.x.toFixed(3)+" Y:"+this.prpty.y.toFixed(3),-400,125,"navy",18);drawText(ctx,"函数 y=lnx-x+1 图示",-400,-160,"navy",18);在(0,+∞)段,lnx上升斜率趋缓直至几乎与x轴平行,故除去斜率为一的-x后是下斜状态,斜率最终会接近-1;当x=1时,y正好为0;drawText(ctx,"逆火",-500,-200,"navy",16);原创 2023-09-25 20:48:05 · 160 阅读 · 0 评论 -
【Canvas与函数图像】函数 y=(-x^2+2)*log2|x| 图示 (类似双膝盖)
drawText(ctx,"当前 X:"+this.prpty.x.toFixed(3)+" Y:"+this.prpty.y.toFixed(3),-400,125,"navy",18);以(1,0)为界,当x趋近于无穷大时,x的平方项斜率远高于log2_x的斜率,故整体乘积趋向负无穷大;drawText(ctx,"函数 y=(-x^2+2)*log2|x| 图示",-400,-160,"navy",18);drawText(ctx,"逆火",-500,-200,"navy",16);原创 2023-09-25 08:35:22 · 46 阅读 · 0 评论 -
【Canvas与函数图像】函数 y=(x-1/x)*sinx 图示 (正反馈震荡曲线)
drawText(ctx,"当前 X:"+this.prpty.x.toFixed(3)+" Y:"+this.prpty.y.toFixed(3),-400,125,"navy",18);drawText(ctx,"函数 y=(x-1/x)*sinx 图示",-400,-160,"navy",18);当x->0时,y=(x-1/x)*x=x^2-1=-1,故函数图线与y轴的交点为(0,-1),凭此交点便可确定四答案中的D项;drawText(ctx,"逆火",-500,-200,"navy",16);原创 2023-09-25 08:33:44 · 74 阅读 · 0 评论 -
【Canvas与函数图像】函数 y=sin3x/(3^x-3^-x) 图示(形似孤峰)
38.函数 y=sin3x/(3^x-3^-x) 图示原创 2023-09-25 03:41:52 · 62 阅读 · 0 评论 -
【Canvas与函数图像】函数 y=ln(x-1/x) 图示
drawText(ctx,"当前 X:"+this.prpty.x.toFixed(3)+" Y:"+this.prpty.y.toFixed(3),-400,125,"navy",18);drawText(ctx,"函数 y=ln(x-1/x) 图示",-400,-160,"navy",18);drawText(ctx,"逆火",-500,-200,"navy",16);(-1,0)段实际等于ln(1/|x|-|x|),x越是接近0结果越大,故是递增的;"red"/* red 大红*/,原创 2023-09-24 10:32:33 · 144 阅读 · 0 评论 -
【Canvas与函数图像】函数 y=SinX/X 图示
drawText(ctx,"当前 X:"+this.prpty.x.toFixed(3)+" Y:"+this.prpty.y.toFixed(3),-400,125,"navy",18);drawText(ctx,"函数 y=sinx/x 图示",-400,-160,"navy",18);x趋近极小值时,在SinX也在趋近极小值,且根据泰勒级数展开式,二者比例为1,故图线过(0,1)点,整根图线不分段。drawText(ctx,"逆火",-500,-200,"navy",16);* 将全体代码(从<!原创 2023-09-24 10:31:13 · 1527 阅读 · 0 评论 -
【Canvas与函数图像】函数 y=(x^3-x)*2^|X| 图示
drawText(ctx,"当前 X:"+this.prpty.x.toFixed(3)+" Y:"+this.prpty.y.toFixed(3),-400,125,"navy",18);drawText(ctx,"函数 y=(x^3-x)*2^|X| 图示",-400,-160,"navy",18);drawText(ctx,"逆火",-500,-200,"navy",16);x=0,x=1时明显y=0,故(0,1)间有斜率为0的点,但未确定在x轴上方还是下方;"red"/* red 大红*/,原创 2023-09-24 10:29:23 · 47 阅读 · 0 评论 -
【Canvas与函数图像】函数 y=x^2/8-ln|X| 图示
当x∈(0,+∞)时,y'=x/4-1/x,当x=√2时,导数为0,此时y=1/4-ln√2=1/4-1/2*ln2=1/2*(1/2-ln2)=1/2*(lne^0.5-ln2)<0, 所以中间部分斜率为0时y值是小于0的,故中间有部分图线在x轴下方。drawText(ctx,"当前 X:"+this.prpty.x.toFixed(3)+" Y:"+this.prpty.y.toFixed(3),-400,125,"navy",18);"fuchsia"/* fuchsia 紫红*/,原创 2023-09-23 16:27:34 · 79 阅读 · 0 评论 -
【Canvas与函数图像】双二次函数 y=-x^4+x^2+2 图示
drawText(ctx,"当前 X:"+this.prpty.x.toFixed(3)+" Y:"+this.prpty.y.toFixed(3),-400,125,"navy",18);drawText(ctx,"函数 y=-x^4+x^2+2 图示",-400,-160,"navy",18);f'(x)=-4x^3+2x=-2x(2x^2-1),当x=0或x=±1/根号2时,斜率为0;当x=1/根号2,y=-1/4+1/2+2=2.25>2,故两头比中间高;"red"/* red 大红*/,原创 2023-09-23 16:26:28 · 141 阅读 · 0 评论 -
【Canvas与函数图像】函数y=2x^3/(2^x+2^-x)图示
drawText(ctx,"当前 X:"+this.prpty.x.toFixed(3)+" Y:"+this.prpty.y.toFixed(3),-400,125,"navy",18);drawText(ctx,"函数 y=2x^3/(2^x+2^-x) 图示",-400,-160,"navy",18);因为f(-x)=-2x^3/(2^-x+2^x)=-f(x),所以该函数为奇函数,图线以原点中心对称;drawText(ctx,"逆火",-500,-200,"navy",16);原创 2023-09-23 16:25:15 · 59 阅读 · 0 评论 -
【Canvas与函数图像】函数 y=1/x^2 图像
当x接近1,如5,4,3,2等,图线的斜率才开始增大,当x小于1时,图线斜率会陡然增加,如x=-1/3,y=9,x=-1/4,y=16,y=-1/5,y=25,x的绝对值越接近0,y值越大,斜率越接近无穷大,故y轴是函数图线的一条渐近线。drawText(ctx,"当前 X:"+this.prpty.x.toFixed(3)+" Y:"+this.prpty.y.toFixed(3),-400,125,"navy",18);当x=1或-1时,y恒等于1,故函数图线过定点(1,1)和(-1,1);原创 2023-09-22 19:01:26 · 402 阅读 · 0 评论 -
【Canvas与函数图像】函数 y=ln|x|/x 图像
drawText(ctx,"当前 X:"+this.prpty.x.toFixed(3)+" Y:"+this.prpty.y.toFixed(3),-400,125,"navy",18);drawText(ctx,"函数 y=ln|x|/x 图示",-400,-160,"navy",18);drawText(ctx,"逆火",-500,-200,"navy",16);又f(-x)=lnx/-x=-lnx/x=-f(x),故函数是奇函数,关于原点对称;"maroon"/* maroon 棕色*/,原创 2023-09-22 08:48:02 · 139 阅读 · 0 评论 -
【Canvas与函数图像】函数y=2^|x|*Sin2x图像
drawText(ctx,"当前 X:"+this.prpty.x.toFixed(3)+" Y:"+this.prpty.y.toFixed(3),-400,125,"navy",18);故图线过(∏/2,0),(∏,2),根据对称性,图线也过(-∏/2,0),(-∏,2)。drawText(ctx,"函数 y=2^|x|*Sin2x 图示",-400,-160,"navy",18);又f(-x)=2^|x|*Sin(-2x)=-2^|x|*Sin2x=-f(x),函数是奇函数,关于原点对称。原创 2023-09-22 08:08:10 · 112 阅读 · 1 评论