css clip rect剪裁問題

2021-08-31 06:47:40 字數 711 閱讀 9083

css的clip屬性,有剪裁的效果,但是一般我很少用,但是今天在專案中碰到了,那就具體說說clip剪裁功能;為什麼一般很少用clip呢,因為有其他的方法代替剪裁,例如我們經常用的over-flow:hidden;這種生硬的剪裁(或者說是隱藏超出部分);

下面來說一說clip:

1、首先,如果先有"overflow:visible",clip屬性不起作用。

2、clip配合position:absolute;使用,生成絕對定位元素,進行剪裁

3、clip預設屬性auto,意為不剪裁

4、clip:rect(0px,60px,200px,0px);  //rect裡面引數遵循(top, right, bottom, left);

那麼,這裡面的上右下左怎麼理解呢,其實是這樣的,top right bottom left分別指最終剪裁可見區域的上邊,右邊,下邊與左邊。而所有的數值都表示位置,且是相對於原始元素的左上角而言的。例如:

為最終剪裁的矩形的上邊距離原始元素的上邊緣0畫素,最終剪裁的矩形的上邊距離原始元素的右邊緣0畫素,最終剪裁的矩形的下邊距離原始元素的上邊緣0畫素,最終剪裁的矩形的左邊距離原始元素的上邊緣0畫素。

參考:

Hive 分割槽剪裁 列剪裁

在select中,只拿需要的列,如果有,盡量使用分割槽過濾,少用select 在分割槽剪裁中,當使用外關聯時,如果將副表的過濾條件寫在where後面,那麼就會先全表關聯,之後再過濾,比如 環境準備 建立表1 create table ori id bigint,time bigint,uid str...

演算法程式設計(Java) 繩子剪裁問題

有n根繩子,第i根長為li,現需要m根等長繩子。你可以對n根繩子進行任意剪裁 不能拼接 計算出這m根繩子最長的長度多少?輸入描述 第一行包括兩個整數n,m,含義如題所述 1 n,m 100000 第二行包含n個整數,分別對應n根繩子的長度 0 l i 10 9 輸出描述 乙個數字,表示裁剪後最長的長...

vtk中的剪裁

在vtk中,我們通常需要的並不是嚴格標準的幾何體,我們需要對這些幾何體進行加工,修改其內容,得到我們想要的效果,下面結合例子介紹如何在vtk中實現對幾何體的裁剪。要對幾何體進行裁剪,需要建立好幾何體模型,然後定義乙個隱函式,利用vtkclippolydata,通過隱函式vtkimplicitfunc...