纯JS 绘制数学函数

 更新时间:2009年04月24日 01:26:04   作者:   我要评论

今天闲来无事用js写了个数学绘图包,还不算完整,不过总出现了雏形。
绘图对象Plot,包含了JS画点,JS画线,JS画正弦sin,JS画余弦cos,tan,圆,多边形。
可设置原点位置,画笔颜色,画笔粗细,坐标线颜色。
其实原理很简单,用长1px宽1px的div模拟点,由点及线,由线及面。
贴上来权当相互学习,以免JS新手觉得js画图是多神秘的事情。

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

相关文章

  • 用js实现层随着内容大小动态渐变改变 推荐

    用js实现层随着内容大小动态渐变改变 推荐

    以前做谷歌的小工具时,api里提供了一个很有用的函数,那就是在程序运行时可以使层动态随内容大小而变化,而且是平滑变换,在一些jquery的lightbox里也普遍有这种效果,看起来很酷的样子。
    2009-12-12
  • 老生常谈JavaScript 正则表达式语法

    老生常谈JavaScript 正则表达式语法

    下面小编就为大家带来一篇老生常谈JavaScript 正则表达式语法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-08-08
  • 通过js修改input、select默认字体颜色

    通过js修改input、select默认字体颜色

    这篇文章主要介绍了通过js修改input、select默认字体颜色,需要的朋友可以参考下
    2017-04-04
  • Google的跟踪代码 动态加载js代码方法应用

    Google的跟踪代码 动态加载js代码方法应用

    Google的跟踪代码 动态加载js代码,需要的朋友可以参考下
    2012-11-11
  • 一个封装js代码-----展开收起效果示例

    一个封装js代码-----展开收起效果示例

    本文为大家介绍下一个封装展开收起效果js代码;引用jQuery的框架,兼容ie6以上,火狐,谷歌,ie6没有测试大家可以自己测试
    2013-07-07
  • 在create-react-app中使用sass的方法示例

    在create-react-app中使用sass的方法示例

    这篇文章主要介绍了在create-react-app中使用sass的方法示例,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-10-10
  • JavaScript中用字面量创建对象介绍

    JavaScript中用字面量创建对象介绍

    这篇文章主要介绍了JavaScript中用字面量创建对象介绍,本文直接给出代码实例,并讲解了一些技巧,需要的朋友可以参考下
    2014-12-12
  • 整理一下常见的IE错误

    整理一下常见的IE错误

    多年以来,IE一直都是最难于调试JavaScript 错误的浏览器。IE给出的错误消息一般很短又语焉不详。而且上下文信息也很少,有时甚至一点都没有。下面几小节将分别探讨一些在IE中难于调试的JavaScript 错误
    2016-11-11
  • 仿猪八戒网左下角的文字滚动效果

    仿猪八戒网左下角的文字滚动效果

    觉得猪八戒网左下角的文字滚动,效果不错!自己摸索了一下,以自己的方法实现了!没有运用jQuery,不过用了自己的编写的Js库!
    2011-10-10
  • 全面解析JavaScript中的valueOf与toString方法(推荐)

    全面解析JavaScript中的valueOf与toString方法(推荐)

    本文给大家介绍JavaScript中的valueOf与toString方法,valueOf() 方法可返回 Boolean 对象的原始值,toString() 方法可把一个逻辑值转换为字符串,并返回结果。对js中valueof和tostring相关知识感兴趣的朋友一起学习吧
    2016-06-06

最新评论