鑑於許多同學對painter不熟悉,所以撰寫此文介紹下。painter的中文意思是畫家、漆工,那放到ht裡是什麼意思呢?很簡單,這是ht特有的一種介面,允許開發者在拓撲及其它通用元件上使用canvas畫筆自由繪製內容,現在我們做個例子看一下如何使用painter。
這個例子中我們在拓撲元件的背景上繪製馬賽克背景,可以在這裡試玩,**如下:
**.addbottompainter(function(g)
} }
g.fill();
g.restore();
});
可以看到這個介面本身是非常簡單的,只要呼叫addbottompainter,傳入乙個函式即可。
這裡我們用到graphview#addbottompainter這個api,顧名思義,這是在我們拓撲的底部加乙個painter,示意圖如下:
可見bottompainter是繪製在拓撲原有節點連線下面的,並且我們可以加多個bottompainter。
聰明的同學們可能想到了,既然有bottompainter,那有沒有toppainter呢?答案是:有!toppainter的結構是下面這樣:
tableview.addtoppainter(function(g) );
這個painter的**也很簡單,用畫筆畫了一段文字,而且大家應該注意到了,不僅僅拓撲上可以用painter,**等通用元件也是可以使用的。
painter機制給開發者帶來了極大的便利,從此元件的展示效果不再被侷限到ht的內建樣式裡,開發者可以發揮想象實現各種絢麗的效果,大家快來試試吧,不如先實現乙個網格線背景怎麼樣?
HT for Web 中Painter的介紹及用法
鑑於許多同學對painter不熟悉,所以撰寫此文介紹下。painter的中文意思是畫家 漆工,那放到ht裡是什麼意思呢?很簡單,這是ht特有的一種介面,允許開發者在拓撲及其它通用元件上使用canvas畫筆自由繪製內容,現在我們做個例子看一下如何使用painter。這個例子中我們在拓撲元件的背景上繪製...
ht for web 限制縮放比例
看了ht 的官方文件找不到可以限制的api,可能是自己能力有限的問題。在這使用原生的滑鼠滾輪事件監聽來控制,希望有更好方案的夥伴能夠多多分享,寫的不好請見諒 限制縮放比例 zoomax 最大縮放倍數 zoommin 最小縮放倍數 zoom 初始化值 zoommax 45 zoommin 20 zoo...
HT for Web中3D流動效果的實現與應用
流動效果在3d領域有著廣泛的應用場景,如上圖中醫學領域可通過3d的流動直觀的觀察人體血液的流動,燃氣領域可用於監控管道內流動的液體或氣體的流向 流速和溫度等指標。如今企業資料中心機房普遍面臨著裝置散熱的問題,採用冷熱通道方案可大大提高資料中心的散熱能力,充分有效利用機櫃和機房的空間,因此在電信的3d...