下邊是我自己的一些建議,我之前有見(jiàn)過(guò)使用HTML5建立大型三維視圖的實(shí)驗(yàn)(里邊有),而且現(xiàn)在地質(zhì)的信息在網(wǎng)上也是通過(guò)頁(yè)面?zhèn)鬟f,所以數(shù)據(jù)量巨大的問(wèn)題也可以在頁(yè)面解決。OpenGL的三角形面片實(shí)現(xiàn)的三維繪制效果也是不錯(cuò)的。所以個(gè)人覺(jué)得你們可以嘗試使用網(wǎng)頁(yè)進(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)站的新想法和需求。提供各種問(wèn)題對(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è)讓你可以放心的選擇與我們合作。
getAllClassNames返回的是類或?qū)ο蟮拿郑俏覀円@得實(shí)際的類和對(duì)象以便可以解析它們的屬性和方法。思考一下:在瀏覽器環(huán)境下window是根對(duì)象,所有全局對(duì)象都是window對(duì)象的屬性而已,TWaver也不例外,所以我們分割字符串,通過(guò)window對(duì)象一層一層找屬性,最終找到我們要的類或?qū)ο蟆H缓笪覀兩蒒ode,填充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ì)象,通過(guò)它可以得到父類然后從map中取出樹(shù)上相應(yīng)的節(jié)點(diǎn)
3 var superClass = data.clazz.superClass;
4 if (superClass superClass.getClassName) {
5 data.setParent(map[superClass.getClassName()]);
6 }
7 });
如果數(shù)據(jù)庫(kù)中有幾千甚至幾萬(wàn)條數(shù)據(jù),一下子顯示出來(lái)也是不現(xiàn)實(shí)的,立馬就想要了分頁(yè)。查看TWaver的API,并沒(méi)有發(fā)現(xiàn)表格中提供了分頁(yè)的功能。算了,還是自己來(lái)擴(kuò)展,想想TWaverJava中分頁(yè)的功能,HTML5實(shí)現(xiàn)起來(lái)應(yīng)該也不算太難,我們需要定義一個(gè)PagedTablePane,panel中包含表格和分頁(yè)欄,分頁(yè)欄參考了TWaver Java的那種:
仔細(xì)看看上面的分頁(yè)條,其實(shí)也不是那么復(fù)雜,幾個(gè)分頁(yè)按鈕加上分頁(yè)的信息,于是很快就模仿了一個(gè)類似的分頁(yè)欄,先上圖:
界面實(shí)現(xiàn)起來(lái)還是比較容易的,主要的是按鈕的操作和分頁(yè)信息的顯示,我們需要定義幾個(gè)變量:currentPage(當(dāng)前頁(yè))、countPerPage(每頁(yè)的條數(shù))、pageCount(頁(yè)數(shù))、count(總數(shù)),定義了這幾個(gè)變量就可以將上圖中分頁(yè)的信息表示出來(lái)
html5 twaver.js現(xiàn)在只有試用版,而且還需要進(jìn)行申請(qǐng),比較復(fù)雜,你可以在地址里面進(jìn)行申請(qǐng)
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。它沒(méi)有自己的行為,但是定義了一個(gè) API 支持腳本化客戶端繪圖操作。
你可以直接在該對(duì)象上指定寬度和高度,但是,其大多數(shù)功能都可以通過(guò)CanvasRenderingContext2D 對(duì)象獲得。 這是通過(guò) Canvas 對(duì)象的getContext() 方法并且把直接量字符串 "2d" 作為唯一的參數(shù)傳遞給它而獲得的。
canvas 標(biāo)記在 Safari 1.3 中引入,在制作此參考頁(yè)時(shí),它在 Firefox 1.5 和 Opera 9 中也得到了支持。在 IE 中,canvas 標(biāo)記及其 API 可以使用位于excanvas點(diǎn)sourceforge點(diǎn)net的 ExplorerCanvas 開(kāi)源項(xiàng)目來(lái)模擬。
提示:如果希望學(xué)習(xí)如何使用 canvas 來(lái)繪制圖形,可以訪問(wèn) Mozilla 提供的Canvas 教程(英文)以及相應(yīng)的中文 Canvas 教程。
使用 canvas 標(biāo)記繪圖
大多數(shù) Canvas 繪圖 API 都沒(méi)有定義在 canvas 元素本身上,而是定義在通過(guò)畫布的getContext() 方法獲得的一個(gè)“繪圖環(huán)境”對(duì)象上。
Canvas API 也使用了路徑的表示法。但是,路徑由一系列的方法調(diào)用來(lái)定義,而不是描述為字母和數(shù)字的字符串,比如調(diào)用 beginPath() 和 arc() 方法。
一旦定義了路徑,其他的方法,如 fill(),都是對(duì)此路徑操作。繪圖環(huán)境的各種屬性,比如 fillStyle,說(shuō)明了這些操作如何使用。
注釋:Canvas API 非常緊湊的一個(gè)原因上它沒(méi)有對(duì)繪制文本提供任何支持。要把文本加入到一個(gè) canvas 圖形,必須要么自己繪制它再用位圖圖像合并它,或者在 canvas 上方使用 CSS 定位來(lái)覆蓋 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。
本文名稱:關(guān)于twaverhtml5的信息
文章來(lái)源:http://chinadenli.net/article21/dsispcd.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供軟件開(kāi)發(fā)、建站公司、云服務(wù)器、小程序開(kāi)發(fā)、手機(jī)網(wǎng)站建設(shè)、虛擬主機(jī)
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)