HT for Web 中Painter的介紹及用法

2021-09-19 15:23:10 字數 967 閱讀 2911

鑑於許多同學對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...