基於HTML5 Canvas 點擊添加 2D 3D 機櫃模型
今天又返回好好地消化了一下我們的數據容器 DataModel，這里給新手做一個典型的數據模型事件處理的例子作為參考。這個例子看起來很簡單，實際上結合了數據模型中非常重要的三個事件處理的部分：屬性變化事 ...
原文：基於 HTML5 Canvas 的簡易 2D 3D 編輯器
不管在任何領域，只要能讓非程序員能通過拖拽來實現 D 和 D 的設計圖就是很牛的，今天我們不需要 dMaxs 等設計軟件，直接用 HT 就能自己寫出一個 D D 編輯器，實現這個功能我覺得成就感還是爆棚的，哈哈 只要你會想，能做，就能根據這個編輯器延展成 big thing 本例地址：http: www.hightopo.com demo drag create data 下面是實現效果圖： 我們 ...
2017-12-03 22:16 0 3494 推薦指數：
相關推薦
HTML5 Canvas 2D繪圖
為了防止無良網站的爬蟲抓取文章，特此標識，轉載請注明文章出處。LaplaceDemon/ShiJiaqi。 http://www.cnblogs.com/shijiaqi1066/p/4851774.html Canvas Canvas標簽，用於在web中繪制各種圖形 ...
HTML5的WebGL實現的3D和2D拓撲樹
在HT for Web中2D和3D應用都支持樹狀結構數據的展示，展現效果各異，2D上的樹狀結構在展現層級關系明顯，但是如果數據量大的話，看起來就沒那么直觀，找到指定的節點比較困難，而3D上的樹狀結構在展現上配合HT for Web的彈力布局組件會顯得比較直觀，一眼望去可以把整個樹狀結構數據 ...
canvas用2d渲染出3d的感覺
好久沒有寫博客了，深究動畫其實也就是setTimeout setInterval requestAnimationFrame很多人可能不熟悉requestAnimationFrame但是事實上和s ...
html5中Canvas為什么要用getContext('2d')
HTML DOM getContext() 方法 HTML DOM Canvas 對象 定義和用法 getContext() 方法返回一個用於在畫布上繪圖的環境。 語法 Canvas.getContext(contextID) 參數 參數 contextID 指定了您想要在畫布上繪制 ...
基於HTML5 Canvas實現工控2D葉輪旋轉
之前在拓撲上的應用都是些靜態的圖元，今天我們將在拓撲上設計一個會動的圖元——葉輪旋轉。 http://www.hightopo.com/guide/guide/core/serialization/examples/example_exportimport.html 我們先來看下這個葉輪模型長 ...
基於HTML5 Canvas的3D動態Chart圖表
發現現在工業SCADA上或者電信網管方面用圖表的特別多，雖然絕大部分人在圖表制作方面用的是echarts，他確實好用，但是有些時候我們不能調用別的插件，這個時候就得自己寫這些美麗的圖表了，然而圖表輕易做不成美麗的。。。看到有一個網站上在賣的圖表，感覺挺好看的，就用 HT for Web 3D 做了 ...
基於 HTML5 Canvas 的 3D 模型列表貼圖
少量圖片對於我們賦值是沒有什么難度，但是如果圖片的量大的話，我們肯定希望能很直接地顯示在界面上供我們使用，再就是排放的位置等等，這些都需要比較直觀的操作，在實際應用中會讓我們省很多力以及時間。下面這個 ...