純JS 繪制數(shù)學(xué)函數(shù)
更新時(shí)間：2009年04月24日 01:26:04 作者：
今天閑來無事用js寫了個(gè)數(shù)學(xué)繪圖包，還不算完整，不過總出現(xiàn)了雛形。
繪圖對象Plot，包含了JS畫點(diǎn)，JS畫線，JS畫正弦sin，JS畫余弦cos，tan，圓，多邊形。
可設(shè)置原點(diǎn)位置，畫筆顏色，畫筆粗細(xì)，坐標(biāo)線顏色。
其實(shí)原理很簡單，用長1px寬1px的div模擬點(diǎn)，由點(diǎn)及線，由線及面。
貼上來權(quán)當(dāng)相互學(xué)習(xí)，以免JS新手覺得js畫圖是多神秘的事情。
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
可設(shè)置原點(diǎn)位置，畫筆顏色，畫筆粗細(xì)，坐標(biāo)線顏色。
其實(shí)原理很簡單，用長1px寬1px的div模擬點(diǎn)，由點(diǎn)及線，由線及面。
貼上來權(quán)當(dāng)相互學(xué)習(xí)，以免JS新手覺得js畫圖是多神秘的事情。
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
您可能感興趣的文章:
- js四舍五入數(shù)學(xué)函數(shù)round使用實(shí)例
- Javascript中的數(shù)學(xué)函數(shù)
- Javascript中的數(shù)學(xué)函數(shù)集合
- JS數(shù)學(xué)函數(shù)Exp使用說明
- 從零開始學(xué)習(xí)Node.js系列教程四：多頁面實(shí)現(xiàn)的數(shù)學(xué)運(yùn)算示例
- JavaScript基于DOM操作實(shí)現(xiàn)簡單的數(shù)學(xué)運(yùn)算功能示例
- 輕松掌握J(rèn)avaScript中的Math object數(shù)學(xué)對象
- JavaScript中的數(shù)學(xué)運(yùn)算介紹
- JavaScript常用數(shù)學(xué)函數(shù)用法示例
相關(guān)文章
layui select動(dòng)態(tài)添加option的實(shí)例
下面小編就為大家分享一篇layui select動(dòng)態(tài)添加option的實(shí)例，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-03-03
HTML頁面,測試JS對C函數(shù)的調(diào)用簡單實(shí)例
下面小編就為大家?guī)硪黄狧TML頁面,測試JS對C函數(shù)的調(diào)用簡單實(shí)例。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-08-08
JS自調(diào)用匿名函數(shù)具體實(shí)現(xiàn)
定義一個(gè)函數(shù)用做臨時(shí)的命名空間，在這個(gè)命名空間內(nèi)定義的變量都不會(huì)污染到全局命名空間,需要的朋友可以參考下2014-02-02
JavaScript瀏覽器對象模型BOM(BrowserObjectModel)實(shí)例詳解
這篇文章主要介紹了JavaScript瀏覽器對象模型BOM(BrowserObjectModel),結(jié)合實(shí)例形式較為詳細(xì)的分析了BOM模型的常用對象與相關(guān)使用技巧,需要的朋友可以參考下2016-11-11
javascript解析json格式的數(shù)據(jù)方法詳解
這篇文章主要介紹了javascript解析json格式的數(shù)據(jù)方法詳解，文章通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-08-08
JavaScript數(shù)據(jù)結(jié)構(gòu)中棧的應(yīng)用之表達(dá)式求值問題詳解
這篇文章主要介紹了JavaScript數(shù)據(jù)結(jié)構(gòu)中棧的應(yīng)用之表達(dá)式求值問題,詳細(xì)分析了中綴表達(dá)式、后綴表達(dá)式等概念、原理與轉(zhuǎn)換方法,以及基于后綴表達(dá)式實(shí)現(xiàn)的表達(dá)式求值相關(guān)操作技巧,需要的朋友可以參考下2017-04-04
下面的代碼是比較精簡的js tab切換代碼，原理也比較簡單。2010-03-03
JavaScript 對象深入學(xué)習(xí)總結(jié)(經(jīng)典)
JavaScript中，除了五種原始類型（即數(shù)字，字符串，布爾值，null，undefined）之外的都是對象了，所以，不把對象學(xué)明白怎么繼續(xù)往下學(xué)習(xí)呢？本篇文章給大家分享javascript對象深入學(xué)習(xí)總結(jié)，小伙伴們跟著小編一起深入學(xué)習(xí)吧2015-09-09
7款JavaScript地圖腳本, 大多數(shù)都是基于Google地圖,也有使用jQuery實(shí)現(xiàn)的。2009-10-10
Javascript實(shí)現(xiàn)從小到大的數(shù)組轉(zhuǎn)換成二叉搜索樹
這篇文章主要介紹了Javascript實(shí)現(xiàn)從小到大的數(shù)組轉(zhuǎn)換成二叉搜索樹的相關(guān)資料,需要的朋友可以參考下2017-06-06