# PyCairo 漸變 > 原文： [https://zetcode.com/gfx/pycairo/gradients/](https://zetcode.com/gfx/pycairo/gradients/) 在 PyCairo 教程的這一部分中，我們將介紹漸變。 我們將提到線性和徑向漸變。 在計算機圖形學中，漸變是從淺到深或從一種顏色到另一種顏色的陰影的平滑混合。 在 2D 繪圖程序和繪畫程序中，漸變用于創建彩色背景和特殊效果以及模擬燈光和陰影。 （answers.com） ## 線性漸變 線性漸變是沿著一條線的顏色混合或顏色陰影混合。 它們由 PyCairo 中的`cairo.LinearGradient`類表示。 ```py #!/usr/bin/python ''' ZetCode PyCairo tutorial This program works with linear gradients in PyCairo. author: Jan Bodnar website: zetcode.com last edited: August 2012 ''' from gi.repository import Gtk import cairo class Example(Gtk.Window): def __init__(self): super(Example, self).__init__() self.init_ui() def init_ui(self): darea = Gtk.DrawingArea() darea.connect("draw", self.on_draw) self.add(darea) self.set_title("Linear gradients") self.resize(340, 390) self.set_position(Gtk.WindowPosition.CENTER) self.connect("delete-event", Gtk.main_quit) self.show_all() def on_draw(self, wid, cr): self.draw_gradient1(cr) self.draw_gradient2(cr) self.draw_gradient3(cr) def draw_gradient1(self, cr): lg1 = cairo.LinearGradient(0.0, 0.0, 350.0, 350.0) count = 1 i = 0.1 while i < 1.0: if count % 2: lg1.add_color_stop_rgba(i, 0, 0, 0, 1) else: lg1.add_color_stop_rgba(i, 1, 0, 0, 1) i = i + 0.1 count = count + 1 cr.rectangle(20, 20, 300, 100) cr.set_source(lg1) cr.fill() def draw_gradient2(self, cr): lg2 = cairo.LinearGradient(0.0, 0.0, 350.0, 0) count = 1 i = 0.05 while i < 0.95: if count % 2: lg2.add_color_stop_rgba(i, 0, 0, 0, 1) else: lg2.add_color_stop_rgba(i, 0, 0, 1, 1) i = i + 0.025 count = count + 1 cr.rectangle(20, 140, 300, 100) cr.set_source(lg2) cr.fill() def draw_gradient3(self, cr): lg3 = cairo.LinearGradient(20.0, 260.0, 20.0, 360.0) lg3.add_color_stop_rgba(0.1, 0, 0, 0, 1) lg3.add_color_stop_rgba(0.5, 1, 1, 0, 1) lg3.add_color_stop_rgba(0.9, 0, 0, 0, 1) cr.rectangle(20, 260, 300, 100) cr.set_source(lg3) cr.fill() def main(): app = Example() Gtk.main() if __name__ == "__main__": main() ``` 該示例繪制了三個填充有線性漸變的矩形。 ```py lg3 = cairo.LinearGradient(20.0, 260.0, 20.0, 360.0) ``` 在這里，我們創建一個線性漸變。 參數指定直線，沿著該直線繪制漸變。 這是一條水平線。 ```py lg3.add_color_stop_rgba(0.1, 0, 0, 0, 1) lg3.add_color_stop_rgba(0.5, 1, 1, 0, 1) lg3.add_color_stop_rgba(0.9, 0, 0, 0, 1) ``` 我們定義色標以產生漸變圖案。 在這種情況下，漸變是黑色和黃色的混合。 通過添加兩個黑色和一個黃色色標，我們創建了一個水平漸變圖案。 這些停止實際上是什么意思？ 在我們的情況下，我們從黑色開始，該黑色將停止在大小的 1/10 處。 然后，我們開始逐漸涂成黃色，最終達到形狀的中心。 黃色停在大小的 9/10，我們再次開始用黑色繪畫，直到結束。  圖：線性漸變 ## 徑向漸變 徑向漸變是兩個圓之間顏色或陰影的混合。 `cairo.RadialGradient`類用于在 PyCairo 中創建徑向漸變。 ```py #!/usr/bin/python ''' ZetCode PyCairo tutorial This program works with radial gradients in PyCairo. author: Jan Bodnar website: zetcode.com last edited: August 2012 ''' from gi.repository import Gtk import cairo import math class Example(Gtk.Window): def __init__(self): super(Example, self).__init__() self.init_ui() def init_ui(self): darea = Gtk.DrawingArea() darea.connect("draw", self.on_draw) self.add(darea) self.set_title("Radial gradients") self.resize(300, 200) self.set_position(Gtk.WindowPosition.CENTER) self.connect("delete-event", Gtk.main_quit) self.show_all() def on_draw(self, wid, cr): self.draw_gradient1(cr) self.draw_gradient2(cr) def draw_gradient1(self, cr): cr.set_source_rgba(0, 0, 0, 1) cr.set_line_width(12) cr.translate(60, 60) r1 = cairo.RadialGradient(30, 30, 10, 30, 30, 90) r1.add_color_stop_rgba(0, 1, 1, 1, 1) r1.add_color_stop_rgba(1, 0.6, 0.6, 0.6, 1) cr.set_source(r1) cr.arc(0, 0, 40, 0, math.pi * 2) cr.fill() cr.translate(120, 0) def draw_gradient2(self, cr): r2 = cairo.RadialGradient(0, 0, 10, 0, 0, 40) r2.add_color_stop_rgb(0, 1, 1, 0) r2.add_color_stop_rgb(0.8, 0, 0, 0) cr.set_source(r2) cr.arc(0, 0, 40, 0, math.pi * 2) cr.fill() def main(): app = Example() Gtk.main() if __name__ == "__main__": main() ``` 在示例中，我們繪制了兩個徑向漸變。 ```py r1 = cairo.RadialGradient(30, 30, 10, 30, 30, 90) r1.add_color_stop_rgba(0, 1, 1, 1, 1) r1.add_color_stop_rgba(1, 0.6, 0.6, 0.6, 1) cr.set_source(r1) cr.arc(0, 0, 40, 0, math.pi * 2) cr.fill() ``` 我們畫一個圓，并用徑向漸變填充其內部。 徑向梯度由兩個圓定義。 `add_color_stop_rgba()`方法定義顏色。 我們可以試驗圓的位置或半徑的長度。 在第一個漸變示例中，我們創建了一個類似于 3D 形狀的對象。 ```py r2 = cairo.RadialGradient(0, 0, 10, 0, 0, 40) r2.add_color_stop_rgb(0, 1, 1, 0) r2.add_color_stop_rgb(0.8, 0, 0, 0) cr.set_source(r2) cr.arc(0, 0, 40, 0, math.pi * 2) cr.fill() ``` 在此示例中，定義徑向漸變的圓和自定義繪制的圓具有共同的中心點。  圖：徑向漸變 在本章中，我們介紹了 PyCairo 漸變。