image-clipping

    3熱度

    2回答

    如何使用HTML和CSS來製作一個div裏面的形象是被削去,並且遮住,使得它看起來像如下: 我一直試圖找到一種方法,現在做這個事情大概2個小時,並且沒有任何意義,所以我只是希望有人能指出我正確的方向。具體來說,我希望剪切圖像,使頂部兩個角落變成圓形,並將其嵌入帶有四個圓角和1/4底部填充的div元素,並將這兩個元素轉換爲右邊緣離觀看者比左邊更遠。

    0熱度

    1回答

    我目前有這個設計作品創建。我最初使用3個獨立的方形div容器來構建它,並且獨立的背景圖片剛剛脫離了設計,但這對我來說是一個很大的僵化(我們需要在每次我們想要改變它時重新創建一個新圖像)以及體積龐大。理想情況下,我想在每個元素容器上使用單個圖像,以便輕鬆更新。這也節省了兩個不必要的服務器請求,我贊成! 只是想輪詢,看看是否有一個更好/更動態的方式來實現這一點。或許用javascript來思考?任何幫

    0熱度

    2回答

    正如您在this image中看到的那樣,在按鈕上設置的圖像會因無明顯原因而被截斷。圖像是24x24px大,按鈕的AutoSize屬性設置爲True。 該按鈕直接放置在窗口上,所以不能有任何佈局混亂的大小。

    0熱度

    1回答

    我有兩個圖像鏈接。 原圖 - 掩蔽圖像 - 下面是結果圖像。 我怎樣才能得到這樣的結果呢? 我找到了一些方法使用CSS - clip-path : rect(....),但我找不到 使用圖像掩碼。

    1熱度

    1回答

    直接使用OpenCL的圖像多邊形裁剪可能嗎?或者這是必需的OpenGL互操作性? 如果這在OpenCL上是可以直接實現的,我認爲這個問題可以歸結爲填充凹多邊形來改變alpha通道;實際上我想要使用一個(本機)內核作爲圖像(image2d_t)和多邊形(uint2數組)的參數。

    2熱度

    4回答

    我試圖在css上製作剪貼蒙版,但我認爲我在錯誤的軌道上。下面是我嘗試了我的結束,即時通訊試圖轉換爲HTML圖像.. 現在,它看起來像一個爛攤子: CSS: .img_nav_individual { float: left; border: 3px solid #fff; margin-left: 8px; outline: 1px solid #c1cac

    0熱度

    2回答

    我正在通過SVG剪輯路徑進行剪貼蒙版。我正在使用一個帶有三個剪裁遮罩的SVG元素。 問題是我的svg正在獲得完整的窗口寬度和高度,因此圖像也獲得了完整的寬度和高度。 所以我想要是移動圖像剪切路徑裏面,這樣我可以顯示圖像 這裏是Jsfiddle鏈路的實際面積。 我不想改變圖像的縱橫比。 請讓我知道是否有任何方法。 感謝

    3熱度

    3回答

    我覺得我可能需要一些轉換器,但這是我想要做的。我想要一個單獨的Image控件(因爲它位於綁定到實際數據的數據模板中)使用以下參數。 集中在一個90x90的空間(沒有任何伸展)。 具有半徑40像素(水平和垂直)的圓形裁剪。 如果圖像> 90x90,它應該居中在90x90的空間中,並從中間剪下40x40的圓。 如果圖像是< 90x90,它應該居中在90x90的空間內。由於整個圖像包含在剪輯區域內,因此

    0熱度

    1回答

    我想(我已經完成1-3): 抓住從頁面的圖像 它的圖像添加到畫布元素 夾到面罩 移動(動畫)圖像 我已經完成了前3,但無法弄清楚如何移動面罩圍繞面罩..請幫助! // get the canvas var canvas = document.getElementById('c'); var context = canvas.getContext('2d'); // get a div fr

    16熱度

    2回答

    我試圖將畫布繪製操作剪裁成弧形的楔形。但是,在將剪切路徑設置爲畫布後,我沒有得到預期的結果。 爲了說明,下面是我在做什麼: path.reset(); //Move to point #1 path.moveTo(rect.centerX(), rect.centerY()); //Per the documentation, this will draw a connecting li