Qt遮罩效果(四):Canvas實現不規則遮罩
效果如下,canvas 實現的不規則遮罩:原理不同於 Qt遮罩效果(三)
優於(Qt遮罩效果(三)的方案:靠背景圖遮擋
)
Canvas畫出的遮罩,輪廓裏面的區域可見,輪廓內外透明,不需要背景圖遮擋,靈活多變
首先獲取遮罩的輪廓
- 1 選取圖片,圖層->透明->Alpha到選區,勾選圖片輪廓
- 2 路徑->選區到路徑
- 3 選取路徑,導出路徑爲svg
原圖:
目標svg效果圖:
效果如下,canvas 實現的不規則遮罩:原理不同於 Qt遮罩效果(三)
優於(Qt遮罩效果(三)的方案:靠背景圖遮擋
)
Canvas畫出的遮罩,輪廓裏面的區域可見,輪廓內外透明,不需要背景圖遮擋,靈活多變
原圖:
目標svg效果圖: