2014-01-20 61 views
1

我在我的iOS應用程序中有一個圖像。我想使用CSS遮罩技術來實現相同的圖像,但使用顏色。第一張圖像是原始圖像,第二張圖像是需要的輸出圖像。我如何能實現它的iOS:iOS上iOS中的CSS遮罩

Original Image

Output Image

回答

2

繪圖系統被稱爲石英2D。這裏的文檔:

https://developer.apple.com/library/ios/documentation/graphicsimaging/conceptual/drawingwithquartz2d/dq_overview/dq_overview.html

您可以使用您的圖像的形狀,剪輯路徑,然後繪製一個漸變。

或者,更簡單的方法是用CAGradientLayer繪製一個簡單的漸變,然後遮罩該圖層;請參閱CALayer和CAGradientLayer上的文檔。

+0

你能給我發送樣品代碼嗎?我真的不知道從哪裏開始。我無法在該網站找到與我的問題有關的主題。 –

+1

在Quartz 2D中繪圖:http://www.apeth.com/iOSBook/ch15.html#_paths_and_drawing圖層,包括漸變圖層和遮罩:http://www.apeth.com/iOSBook/ch16.html#_layers_that_draw_the_More – matt

+0

您也有[這裏的答案](http://stackoverflow.com/a/15868472/608157),使用核心圖形/石英2D繪製一個形狀內的漸變(加上一個陰影,你可以忽略,如果你不想要)並演示如何使用CALayers來執行相同的繪圖。 –

1

嘗試iOS上的繪圖系統被稱爲Quartz 2D從蘋果開發人員網站。