關(guān)于大量給定坐標(biāo)的三維粒子繪制3D圖和渲染的問題

下邊是我自己的一些建議，我之前有見過使用HTML5建立大型三維視圖的實(shí)驗(yàn)（里邊有），而且現(xiàn)在地質(zhì)的信息在網(wǎng)上也是通過頁面?zhèn)鬟f，所以數(shù)據(jù)量巨大的問題也可以在頁面解決。OpenGL的三角形面片實(shí)現(xiàn)的三維繪制效果也是不錯(cuò)的。所以個(gè)人覺得你們可以嘗試使用網(wǎng)頁進(jìn)行實(shí)現(xiàn)。

10年積累的成都網(wǎng)站設(shè)計(jì)、網(wǎng)站制作、外貿(mào)營(yíng)銷網(wǎng)站建設(shè)經(jīng)驗(yàn)，可以快速應(yīng)對(duì)客戶對(duì)網(wǎng)站的新想法和需求。提供各種問題對(duì)應(yīng)的解決方案。讓選擇我們的客戶得到更好、更有力的網(wǎng)絡(luò)服務(wù)。我雖然不認(rèn)識(shí)你，你也不認(rèn)識(shí)我。但先網(wǎng)站設(shè)計(jì)后付款的網(wǎng)站建設(shè)流程，更有淅川免費(fèi)網(wǎng)站建設(shè)讓你可以放心的選擇與我們合作。

twaver html5 怎么設(shè)置一個(gè)圖形節(jié)點(diǎn)不可拖動(dòng)

getAllClassNames返回的是類或?qū)ο蟮拿?，但是我們要獲得實(shí)際的類和對(duì)象以便可以解析它們的屬性和方法。思考一下：在瀏覽器環(huán)境下window是根對(duì)象，所有全局對(duì)象都是window對(duì)象的屬性而已，TWaver也不例外，所以我們分割字符串，通過window對(duì)象一層一層找屬性，最終找到我們要的類或?qū)ο?。然后我們生成Node，填充box數(shù)據(jù)容器；同時(shí)做了一個(gè) 名字---Node的映射，后面會(huì)用到。 初始化Tree以后設(shè)置節(jié)點(diǎn)的父子關(guān)系：

1 elementBox.toDatas().forEach(function (data) {

2 //TWaver所有內(nèi)置類型都有superClass屬性，指向?qū)嶋H的父類或父對(duì)象，通過它可以得到父類然后從map中取出樹上相應(yīng)的節(jié)點(diǎn)

3 var superClass = data.clazz.superClass;

4 if (superClass superClass.getClassName) {

5 data.setParent(map[superClass.getClassName()]);

6 }

7 });

怎么讓HTML5的表格支持后臺(tái)排序與分頁

如果數(shù)據(jù)庫中有幾千甚至幾萬條數(shù)據(jù)，一下子顯示出來也是不現(xiàn)實(shí)的，立馬就想要了分頁。查看TWaver的API，并沒有發(fā)現(xiàn)表格中提供了分頁的功能。算了，還是自己來擴(kuò)展，想想TWaverJava中分頁的功能，HTML5實(shí)現(xiàn)起來應(yīng)該也不算太難，我們需要定義一個(gè)PagedTablePane，panel中包含表格和分頁欄，分頁欄參考了TWaver Java的那種：

仔細(xì)看看上面的分頁條，其實(shí)也不是那么復(fù)雜，幾個(gè)分頁按鈕加上分頁的信息，于是很快就模仿了一個(gè)類似的分頁欄，先上圖：

界面實(shí)現(xiàn)起來還是比較容易的，主要的是按鈕的操作和分頁信息的顯示，我們需要定義幾個(gè)變量：currentPage（當(dāng)前頁）、countPerPage（每頁的條數(shù)）、pageCount（頁數(shù)）、count（總數(shù)），定義了這幾個(gè)變量就可以將上圖中分頁的信息表示出來

求html5的twaver.js 下載地址

html5 twaver.js現(xiàn)在只有試用版，而且還需要進(jìn)行申請(qǐng)，比較復(fù)雜，你可以在地址里面進(jìn)行申請(qǐng)

如何使用HTML5 Canvas動(dòng)態(tài)的繪制拓?fù)鋱D

canvas動(dòng)態(tài)的繪制拓?fù)鋱D

1.添加引用\r\n右擊項(xiàng)目-添加引用-瀏覽 找到本地的dll文件\r\n2.using 該dll文件里面代碼的名稱空間 \r\n然后就可以調(diào)用dll文件里面的類和方法

canvas定義和用法：

Canvas 對(duì)象表示一個(gè) HTML 畫布元素 -canvas。它沒有自己的行為，但是定義了一個(gè) API 支持腳本化客戶端繪圖操作。

你可以直接在該對(duì)象上指定寬度和高度，但是，其大多數(shù)功能都可以通過CanvasRenderingContext2D 對(duì)象獲得。 這是通過 Canvas 對(duì)象的getContext() 方法并且把直接量字符串 "2d" 作為唯一的參數(shù)傳遞給它而獲得的。

canvas 標(biāo)記在 Safari 1.3 中引入，在制作此參考頁時(shí)，它在 Firefox 1.5 和 Opera 9 中也得到了支持。在 IE 中，canvas 標(biāo)記及其 API 可以使用位于excanvas點(diǎn)sourceforge點(diǎn)net的 ExplorerCanvas 開源項(xiàng)目來模擬。

提示：如果希望學(xué)習(xí)如何使用 canvas 來繪制圖形，可以訪問 Mozilla 提供的Canvas 教程（英文）以及相應(yīng)的中文 Canvas 教程。

使用 canvas 標(biāo)記繪圖

大多數(shù) Canvas 繪圖 API 都沒有定義在 canvas 元素本身上，而是定義在通過畫布的getContext() 方法獲得的一個(gè)“繪圖環(huán)境”對(duì)象上。

Canvas API 也使用了路徑的表示法。但是，路徑由一系列的方法調(diào)用來定義，而不是描述為字母和數(shù)字的字符串，比如調(diào)用 beginPath() 和 arc() 方法。

一旦定義了路徑，其他的方法，如 fill()，都是對(duì)此路徑操作。繪圖環(huán)境的各種屬性，比如 fillStyle，說明了這些操作如何使用。

注釋：Canvas API 非常緊湊的一個(gè)原因上它沒有對(duì)繪制文本提供任何支持。要把文本加入到一個(gè) canvas 圖形，必須要么自己繪制它再用位圖圖像合并它，或者在 canvas 上方使用 CSS 定位來覆蓋 HTML 文本。

Canvas 對(duì)象的屬性

height 屬性

畫布的高度。和一幅圖像一樣，這個(gè)屬性可以指定為一個(gè)整數(shù)像素值或者是窗口高度的百分比。當(dāng)這個(gè)值改變的時(shí)候，在該畫布上已經(jīng)完成的任何繪圖都會(huì)擦除掉。默認(rèn)值是 300。

width 屬性

畫布的寬度。和一幅圖像一樣，這個(gè)屬性可以指定為一個(gè)整數(shù)像素值或者是窗口寬度的百分比。當(dāng)這個(gè)值改變的時(shí)候，在該畫布上已經(jīng)完成的任何繪圖都會(huì)擦除掉。默認(rèn)值是 300。