3902人阅读
今天闲来无事用js写了个数学绘图包，还不算完整，不过总出现了雏形。绘图对象Plot，包含了JS画点，JS画线，JS画正弦sin，JS画余弦cos，tan，圆，多边形。可设置原点位置，画笔颜色，画笔粗细，坐标线颜色。其实原理很简单，用长1px宽1px的div模拟点，由点及线，由线及面。
贴上来权当相互学习，以免JS新手觉得js画图是多神秘的事情。
&title&JS绘制数学函数图&/title&
&style type="text/css"&
padding: 0
//辅助函数
function $(id){return document.getElementById(id)};
* 绘图对象
* 包含各个绘图函数，比如画点，线段，多边形，圆等
* 和一些绘图参数，比如背景颜色，画笔颜色
var Plot = {
//画布，所有被画出来的元素都append到这个container
container: null,
//坐标颜色
baseLineColor: 'black',
//画笔颜色
brushColor: 'red',
//画笔粗细
brushWeight: 1,
//baseLineX，baseLineY保存坐标线，用于坐标移位
baseLineX: null,
baseLineY: null,
//初始化方法，设置画布，原点位置，坐标线颜色，画笔颜色，画笔粗细
init: function(containerId, ox, oy, baseLineColor,brushColor,brushWeight){
if($(containerId)){
Plot.container = $(containerId);
alert('You should specify an element in which you can draw plot!');
if((typeof ox)=='number'){
if((typeof oy)=='number'){
Plot.baseLineColor = baseLineC
Plot.brushColor = brushC
Plot.brushWeight = brushW
Plot.drawCoordinate();
//设置原点函数
setOPoint: function(ox,oy){
Plot.container.removeChild(Plot.baseLineX);
Plot.container.removeChild(Plot.baseLineY);
Plot.drawCoordinate();
//设置画笔粗细函数
setBrushWeight: function(weight){
Plot.brushWeight =
setBrushColor: function(color){
Plot.brushColor =
//画坐标线
drawCoordinate: function(){
var baseLineX = document.createElement('div');
baseLineX.style.position = "absolute";
baseLineX.style.left = 0;
baseLineX.style.top = Plot.
baseLineX.style.fontSize = '1px';
baseLineX.style.height = '1px';
baseLineX.style.width = '100%';
baseLineX.style.overflow = 'hidden'
baseLineX.style.backgroundColor = Plot.baseLineC
Plot.container.appendChild(baseLineX);
Plot.baseLineX = baseLineX;
var baseLineY = document.createElement('div');
baseLineY.style.position = "absolute";
baseLineY.style.left = Plot.
baseLineY.style.top = 0;
baseLineY.style.fontSize = '1px';
baseLineY.style.height = '100%';
baseLineY.style.width = '1px';
baseLineY.style.overflow = 'hidden'
baseLineY.style.backgroundColor = Plot.baseLineC
Plot.baseLineY = baseLineY;
Plot.container.appendChild(baseLineY);
//清理画布，移走所有对象
clean: function(){
Plot.container.innerHTML ="";
Plot.drawCoordinate();
//画点，相对原点
drawDot: function(x,y){
var dot = document.createElement('div');
dot.style.left = Plot.ox + x + 'px';
dot.style.top = Plot.oy - y + 'px';
dot.style.height = Plot.brushW
dot.style.width = Plot.brushW
dot.style.position = 'absolute';
dot.style.fontSize = '1px';
dot.style.backgroundColor = Plot.brushC
dot.style.overflow = "hidden";
Plot.container.appendChild(dot);
//sin函数曲线，传入角度，比如90，180，360
sin: function(angle){
for(var i=0; i& i++){
Plot.drawDot(i,Math.sin(i/180*Math.PI)*100);
//tan函数曲线
tan: function(){
for(var i=0; i&720; i++){
if(Math.tan(i/180*Math.PI)*100&Plot.oy){
Plot.drawDot( i, Math.tan(i/180*Math.PI)*50 );
//cos函数曲线，传入角度，比如90，180，360
cos: function(angle){
for(var i=0; i& i++){
Plot.drawDot(i,Math.cos(i/180*Math.PI)*100);
//画线从(x0,y0)到(x1,y1)
line: function(x0,y0,x1,y1){
if((x1-x0)==0){
for( var i=((y1&y0)?y0:y1); i&((y1&y0)?y1:y0); i++ ){
Plot.drawDot(x1, i);
if((y1-y0)==0){
for( var i=((x1&x0)?x0:x1); i&((x1&x0)?x1:x0); i++ ){
Plot.drawDot(i, y1);
//k=斜率，直线方程为y=kx + b
var k = (y1-y0)/(x1-x0);
for(var i=((x1&x0)?x0:x1); i&((x1&x0)?x1:x0); i++){
Plot.drawDot(i, k*i+y1-k*x1 );
for(var i=((y1&y0)?y0:y1); i&((y1&y0)?y1:y0); i++){
Plot.drawDot((i-y1+k*x1)/k,i);
//画圆，radius是半径，(xi,yi)为圆心
circle: function(radius,xi, yi){
if((typeof xi)=='undefined'){
if((typeof yi)=='undefined'){
//i为角度，从0到360
while(i&360){
var _x0 = Math.sin(i/180*Math.PI)*
var _y0 = Math.cos(i/180*Math.PI)*
var step = radius/100;
//随着半径的增大，划出来的圆周断断续续,下面的做法
//使画圆周的点数随着半径的增大而增大，使画出来的圆周更圆润.
if(1/step&1){
else if(1/step&0.2){
step = 0.2;
Plot.drawDot(_x0+xi, _y0+yi);
//画多边形，传入一个点列
polygon: function(dots){
if(typeof dots=='undefined'){
alert('you should specify some dots to draw!');
if(dots.constructor!=Array){
alert('you should specify some dots to draw!');
for(var i=0; i&dots.length-1; i++){
Plot.line(dots[i].x,dots[i].y, dots[i+1].x,dots[i+1].y);
if(i==1&&dots.length==2){
Plot.line(dots[0].x, dots[0].y,
dots[dots.length-1].x, dots[dots.length-1].y);
&div id="main" style="border-bottom: solid red 0 height:100%; width:100%"&
//测试代码
Plot.init('main', 500, 500, 'green','red',1);
Plot.sin(720);
Plot.setBrushWeight(3);
Plot.cos(720);
Plot.setBrushWeight(2);
Plot.circle(200,100,100);
Plot.setBrushColor('purple');
Plot.circle(100,100,100);
Plot.setBrushColor('blue');
Plot.circle(50,100,100);
var t = new Array();
var dots = new Array();
dots[0] = {x:-10,y:-10};
dots[1] = {x:400,y:10};
dots[2] = {x:400,y:300};
dots[3] = {x:10,y:300};
Plot.polygon(dots);
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
访问：387650次
积分：5871
积分：5871
排名：第1397名
原创：173篇
转载：34篇
评论：388条
(1)(2)(1)(15)(2)(1)(2)(3)(1)(3)(13)(1)(2)(7)(5)(2)(6)(1)(8)(20)(1)(3)(1)(4)(4)(19)(28)(13)(8)(9)(14)(4)(5)(1)点击：7010
点击：3092
点击：5485
北京千橡网景科技发展有限公司：
文网文[号··京公网安备号·甲测资字·文化部监督电子邮箱：wlwh@·
文明办网文明上网举报电话： 举报邮箱：admin1@&&&&&&&&&&&&&&&&c语言常用数学函数篇_百度文库
两大类热门资源免费畅读
续费一年阅读会员，立省24元！
文档贡献者贡献于
评价文档：
4页免费35页免费16页免费17页免费8页免费5页1下载券2页免费2页免费146页7下载券
喜欢此文档的还喜欢4页免费16页免费35页免费22页1下载券52页1下载券
c语言常用数学函数篇|c​语​言​常​用​数​学​函​数​篇
把文档贴到Blog、BBS或个人站等：
普通尺寸(450*500pix)
较大尺寸(630*500pix)
大小：8.66KB
登录百度文库，专享文档复制特权，财富值每天免费拿！
你可能喜欢数学函数_百度知道
提问者采纳
17、解：（1）<img class="word-replace" src="/api/getdecpic?picenc=0af≤x≤20令30+1/2x=35x=10 <img class="word-replace" src="/api/getdecpic?picenc=0af≤x≤40令20+525/x=35x=35 即第10或者第35该商品销售单价35元/件．（2）<img class="word-replace" src="/api/getdecpic?picenc=0af≤x≤20y=（30+1/2x﹣20）（50﹣x）=﹣1/2x平+15x+500 <img class="word-replace" src="/api/getdecpic?picenc=0af≤x≤40y=（20+525/x﹣20）（50﹣x）=26250/x﹣525即y=﹣1/2x平+15x+500,1≤x≤20y=26250/x﹣525,21≤x≤40（3）<img class="word-replace" src="/api/getdecpic?picenc=0af≤x≤20y=﹣1/2x平+15x+500=﹣1/2（x﹣15）平+612.5 ∵﹣1/2＜0 ∴x=15y值y1且y1=612.5 <img class="word-replace" src="/api/getdecpic?picenc=0af≤x≤40∵26250＞0 ∴26250/x随x增减 x=21<img class="word-replace" src="/api/getdecpic?picenc=0ad250/x于x=21y=26250/x﹣525值y2且y2=5=725 ∵y1＜y2 ∴<img class="word-replace" src="/api/getdecpic?picenc=0a007a第21该网站获利润利润725元． 18、解：（1）设直线BC解析式y=kx+b由题意2=3k+b,10=7k+b解k=2,b=-4∴v=2t-4（2）由题意 S={2t,(0≤t≤3){2t平-4t,（3&x≤7）∴P点运Q点路程：2×3+（2+10）×（7﹣3）×1/2=30∴30×7/10=21 ∴3×2+（t﹣3）（2+2t﹣4）÷2=21 解：t1=﹣2（舍）t2=6．∴该物体P点运Q点总路程7/10所用间6秒19、 解：（1）反比例函数y=2013/x闭区间[1<img class="word-replace" src="/api/getdecpic?picenc=0ad13]闭函数．理由： 反比例函数y=2013/x第象限y随x增减 x=1y=2013； x=2013y=1 所<img class="word-replace" src="/api/getdecpic?picenc=0af≤x≤20131≤y≤2013符合闭函数定义故 反比例函数y=2013/x闭区间[1<img class="word-replace" src="/api/getdecpic?picenc=0ad13]闭函数；
（2）两种情况：k＞0或k＜0． ①k＞0函数y=kx+b（k≠0）图象y随x增增故根据闭函数定义知km+b=m,kn+b=n解k=1,b=0∴函数解析式y=x； ②k＜0函数y=kx+b（k≠0）图象y随x增减故根据闭函数定义知 km+b=n,kn+b=m,解k=-1,b=m+n∴函数解析式y=﹣x+m+n； (3)y=(1/5)x平-(4/5)x-(7/5)=(1/5)(x-2)平-11/5∴该二函数图象口向向值﹣11/5且x＜2y随x增减；x＞2y随x增增； ①b≤2二函数y随x增减则根据闭函数定义知(1/5)a平-(4/5)a-7/5=b,(1/5)b平-(4/5)b-7/5=a解a=1,b=-2(舍)或a=-2,b=1②a＜2＜b二函数y=(1/5)x平-(4/5)x-7/5值-11/5=a,根据闭函数定义知b=1/5a平-4/5a-7/5,b=1/5b平-4/5b-7/5a)b=1/5a平-4/5a-7/5由于b=1/5（-11/5）平-4/5乘(-11/5)-7/5&2,合题意舍b）b=1/5b平-4/5b-7/5解b=（9±√109）/2由于b&2,所b=(9+√109)/2③a≥0二函数y随x增增则根据闭函数定义知(1/5)a平-(4/5)a-7/5=a,(1/5)b平-(4/5)b-7/5=b解a=(9-√109)/2,b=(9+√109)/2(9-√109)/2&0舍综a=-2,b=1或a=-11/5,b=(9+√109)/2
提问者评价
太给力了，你的回答完美解决了我的问题！
其他类似问题
数学函数的相关知识
等待您来回答
下载知道APP
随时随地咨询
出门在外也不愁都教授说考研数学：函数极限真题解法
&&&&来源：&&&&
&&&&&&字号
数学是一门神奇的学科，同时也充满挑战性，很多人对数学望而生畏，因此部分同学在选择考研时尽量避开数学。其实，数学没有那么神秘而艰难，这在我们每年的数学满分者中可见端倪，而其他科目，如政治、英语，根本就没有出现过满分。这一点充分说明，考研数学是有章可循的，只要方法得当、复习充分、持之以恒，取得高分绝不是痴人说梦。
考研数学要求考生比较系统地理解数学的基本概念和基本理论，掌握数学的基本方法，具备抽象思维能力、逻辑推理能力、空间想象能力、运算能力和综合运用所学的知识分析问题和解决问题的能力。下面老师带领同学们学习一道函数极限的真题，让同学们体会考研数学对综合能力的考查。
这道题目来源于2008年全国硕士研究生入学统一考试数学（一）试题的第15题。
首先，我们一起看一下这道题目：求极限.
这道题考查的是极限求法的综合运用，解法很多，下面我们一起看一下几种具体的解法：
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& &
说明：该解法先利用了重要极限，然后利用替换法和洛必达法则求解。
说明：该解法先用了替换法，然后利用等价无穷小替换和洛必达法则求解。
解法三：由，得，于是，故.
说明：该解法主要用泰勒公式求解。
函数在上由拉格朗日中值定理知，，使，
则，又 ，则，所以.
说明：该解法利用了等价无穷小替换、拉格朗日中值定理及洛必达法则求解。
这道真题的多种解法，体现了考研真题的灵活性。详细分析每种解法，发现每种解法都是多种方法的结合使用，体现了考查目标对广大考生的要求。
通过这道题的分析，同学们应该对考研数学的考查形式有了一定的深入了解，对解题方法的多样性也有了深刻的认识。这就要求同学们在平时的复习中，既要掌握基本方法的运用，又要提高综合运用知识的能力。所以，在数学整学年的复习中，同学们首先要打牢基础，然后构建起全面的知识结构体系和掌握多种重要的方法与结论，最后通过不断地巩固与练习，将所学的知识熟练地应用到具体题目中。只有这样循序渐进，不断地总结与归纳，有目标、有方向地学习，才能在考研数学的考试中取得高分。
&&& （来源：文都教育）
(责编：李小琳、贺迎春)
善意回帖，理性发言!
使用其他账号登录:
恭喜你，发表成功!
请牢记你的用户名:，密码:,立即进入修改密码。
s后自动返回
5s后自动返回
恭喜你，发表成功!
5s后自动返回
最新评论热门评论
精彩新闻|精彩博客
24小时排行&|&
人 民 网 版 权 所 有 ，未 经 书 面 授 权 禁 止 使 用
Copyright &
by .cn all rights reserved
人 民 网 版 权 所 有 ，未 经 书 面 授 权 禁 止 使 用
Copyright &
by .cn. all rights reserved