网站开发文档要求,代理网页网游,电子元器件网站怎么做,如何写网站开发需求文档解#xff1a;此题若使用“化二为一”法#xff0c;会发现分母中出现了5x-3或是5y-1这样的式子#xff0c;它可能导致负数的出现#xff0c;已经违反了基本不等式中a,b皆大于零的应用条件。
此时应该迷途知返#xff0c;及时易辙改弦。
此题适用“乘一法”#xff0c;这…解此题若使用“化二为一”法会发现分母中出现了5x-3或是5y-1这样的式子它可能导致负数的出现已经违反了基本不等式中a,b皆大于零的应用条件。
此时应该迷途知返及时易辙改弦。
此题适用“乘一法”这也是与“化二为一法”并重的解基本不等式技巧。
由x3y5xy
两边同除5xy可以得到x/5xy3y/5xy1
化简得1/5y3/5x1
这就成功的把1变成了1/5y3/5x的形式。
又3x4y(3x4y)*1(3x4y)*(1/5y3/5x)1/5*(3x/y9412y/x)1/5*(132*根号下(3x/y*12y/x))1/5*(132*6)5
所以3x4y的最小值为5. 归纳一旦发现基本不等式中a,b可能小于零则应知道该及时更换方法。 绘图如果将yx/(5x-3)带入3x4y,得到f(x)x*(34/(5x-3))再用canvas绘制图线可以发现又出现了经典的对勾函数其上半部分的最小值正好是5。 相关代码 !DOCTYPE html
html langutf-8
meta http-equivContent-Type contenttext/html; charsetutf-8/
headtitleUNASSIGNED/titlestyle typetext/css.centerlize{margin:0 auto;border:0px solid red;width:1200px;height:600px;}/style/headbody οnlοaddraw();div classcenterlizecanvas idmyCanvas width1200px height600px styleborder:1px dashed black;如果看到这段文字说您的浏览器尚不支持HTML5 Canvas请更换浏览器再试./canvas/div/body
/html
script typetext/javascript
!--
/*****************************************************************
* 将全体代码(从!DOCTYPE到script)拷贝下来粘贴到文本编辑器中
* 另存为.html文件再用chrome浏览器打开就能看到实现效果。
******************************************************************/
// 画布宽度
const WIDTH1200;// 画布高度
const HEIGHT600;// 画布环境
var context0; // 缩放比例
const ScaleUnit25;// 舞台对象
var stage;// 消逝的时间
var timeElapsed0;// 图像标题title
const TITLE yx*(34/(5x-3));// 核心勾画函数由body_onload调用
function draw(){document.title函数TITLE 图示;// 画图前初始化var canvasdocument.getElementById(myCanvas); canvas.widthWIDTH;canvas.heightHEIGHT; contextcanvas.getContext(2d); // 进行屏幕坐标系到笛卡尔坐标系的变换// 处置完成前原点在左上角向右为X正向向下为Y的正向// 处置完毕后原点移动到画布中央向右为X正向向上为Y的正向context.translate(WIDTH/2,HEIGHT/2);context.rotate(Math.PI);context.scale(-1,1);// 初始化舞台stagenew Stage();// 开始动画animate();
};//-------------------------------
// 画图
//-------------------------------
function animate(){ timeElapsed1;// 时间每轮增加1stage.update(timeElapsed);stage.paintBg(context);stage.paint(context);if(timeElapsed2400){ window.requestAnimationFrame(animate);}
}//-------------------------------
// 舞台对象定义处
//-------------------------------
function Stage(){var objnew Object;obj.prpty{x:-12,y:0,pts:[],pts2:[],max:-10,min:10};// 随时间更新位置obj.updatefunction(t){// xy值是如何变化的obj.prpty.x0.01;let xobj.prpty.x;obj.prpty.yx*(34/(5*x-3));// 取极值if(obj.prpty.yobj.prpty.min){obj.prpty.minobj.prpty.y;}if(obj.prpty.yobj.prpty.max){obj.prpty.maxobj.prpty.y;}// 放入数组let arr{x:obj.prpty.x,y:obj.prpty.y};if(arr.x0.6){this.prpty.pts.push(arr);}else{this.prpty.pts2.push(arr);}};// 画前景obj.paintfunction(ctx){ // 写当前点坐标drawText(ctx,当前 X:this.prpty.x.toFixed(3) Y:this.prpty.y.toFixed(3),-400,125,navy,18);// 写极值drawText(ctx,max:this.prpty.max.toFixed(3) min:this.prpty.min.toFixed(3),-400,105,navy,18);// 绘制曲线paintCurve(ctx,maroon,this.prpty.pts);paintCurve(ctx,orange,this.prpty.pts2);};// 画背景obj.paintBgfunction(ctx){// 清屏ctx.clearRect(-600,-300,1200,600);ctx.fillStylewhite;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,grey);// 标题drawText(ctx,函数 TITLE 图示,-400,-160,navy,18);// 作者日期drawText(ctx,逆火,-500,-200,navy,16);drawText(ctx,(new Date()).toLocaleDateString(),-500,-220,navy,16);};return obj;
}// 连点成线画曲线
function paintCurve(ctx,color,cds){ctx.strokeStyle color;ctx.beginPath(); for(var i0; icds.length; i){let ycds[i].y;if(Math.abs(cds[i].y*ScaleUnit)300){ctx.lineTo(cds[i].x*ScaleUnit,cds[i].y*ScaleUnit);}} ctx.stroke();ctx.closePath();
}// 定点画实心圆
function drawSolidCircle(ctx,x,y,r,color){ctx.save();ctx.beginPath();ctx.arc(x,y,r,0,2*Math.PI);ctx.fillStylecolor;ctx.fill();ctx.stroke();ctx.restore();
}// 两点之间画线段
function drawLine(ctx,x1,y1,x2,y2,color){ctx.save();ctx.lineWidth0.25;ctx.strokeStylecolor;ctx.fillStylecolor;ctx.beginPath();ctx.moveTo(x1,y1);ctx.lineTo(x2,y2);ctx.stroke();ctx.closePath();ctx.restore();
}// 画横轴
function drawAxisX(ctx,start,end,step){ctx.save();ctx.lineWidth0.25;ctx.strokeStylenavy;ctx.fillStylenavy;// 画轴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;y5;for(xstart;xend;xstep){ctx.beginPath();ctx.moveTo(x, 0);ctx.lineTo(x, y);ctx.stroke();ctx.closePath();drawText(ctx,x/ScaleUnit,x,y-20,navy,12);}ctx.restore();
}// 画纵轴
function drawAxisY(ctx,start,end,step){ctx.save();ctx.lineWidth0.5;ctx.strokeStylenavy;ctx.fillStylenavy;// 画轴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;x5;for(ystart;yend;ystep){ctx.beginPath();ctx.moveTo(x, y);ctx.lineTo(0, y);drawText(ctx,y/ScaleUnit,x-15,y,navy,12);ctx.stroke();ctx.closePath();}ctx.restore();
}// 画网格线
function drawGrid(ctx,x1,y1,step1,x2,y2,step2,color){ctx.save();ctx.lineWidth0.5;ctx.strokeStylecolor;ctx.fillStylecolor;var x,y;for(xx1;xx2;xstep1){ctx.beginPath();ctx.moveTo(x, y1);ctx.lineTo(x, y2);ctx.stroke();ctx.closePath();}for(yy1;yy2;ystep2){ctx.beginPath();ctx.moveTo(x1, y);ctx.lineTo(x2, y);ctx.stroke();ctx.closePath();}ctx.restore();
}//-------------------------------
// 角度得到弧度
//-------------------------------
function getRad(degree){return degree/180*Math.PI;
}//-------------------------------
// 得到颜色
//-------------------------------
function getColor(index){var arr[aqua/* aqua湖绿色*/,black/* black黑色*/,blue/* blue蓝色*/,fuchsia/* fuchsia 紫红*/,green/* green 绿色*/,grey/* grey 草木灰*/,lime/* lime 亮绿色*/,maroon/* maroon 棕色*/,navy/* navy 海军蓝*/,orange/* orange 橙色*/,purple/* purple 紫色*/,red/* red 大红*/, skyblue/* skyblue 天蓝*/,teal/* teal 蓝绿色*/,yellow/* yellow 亮黄*/,#aa0000/* #aa0000 铁锈红*/, ];if(indexarr.length){indexindex % arr.length;}return arr[index];
}//-------------------------------------
// 绘制文字,指定颜色
// 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.textBaselinebottom;ctx.textAligncenter;ctx.fillStylecolor;ctx.font sizepx consolas;ctx.fillText(text,0,0);ctx.restore();
}
//--
/script END
