[翻译]PyCairo指南--形状和填充

时间 2019-11-19

标签翻译 pycairo 指南形状填充繁體版

原文原文链接

PyCairo中的形状和填充

PyCairo指南的这个部分，咱们将建立一些基本的和更高级的形状。咱们将使用单一颜色，patterns和渐变来填充他们。渐变将在另外一章中讨论。 python

基本形状

PyCairo有一些基本的方法能够用来画简单的形状。 web

def on_draw(self, wid, cr):
        cr.set_source_rgb(0.6, 0.6, 0.6)
        
        cr.rectangle(20, 20, 120, 80)
        cr.rectangle(180, 20, 80, 80)
        cr.fill()

        cr.arc(330, 60, 40, 0, 2 * math.pi)
        cr.fill()
        
        cr.arc(90, 160, 40,math.pi/4, math.pi)
        cr.fill()
        
        cr.translate(220, 180)
        cr.scale(1, 0.7)
        cr.arc(0, 0, 50, 0, 2 * math.pi)
        cr.fill()

在这个例子中，咱们将建立一个矩形，一个方形，一个圆形，一个弧形，和一个椭圆形。 ui

cr.rectangle(20, 20, 120, 80)
        cr.rectangle(180, 20, 80, 80)

rectangle()方法用于建立方形和矩形。一个方形就仅仅是一个特殊的矩形。 spa

cr.arc(330, 60, 40, 0, 2 * math.pi)

这一行建立一个圆形。 code

cr.arc(90, 160, 40,math.pi/4, math.pi)

这里咱们建立一个弧形，一个圆形的一部分而已。对象

cr.scale(1, 0.7)
        cr.arc(0, 0, 50, 0, 2 * math.pi)

咱们使用scale()和arc()方法来建立椭圆形。 three

Figure: Basic Shapes
图片

其余的形状能够经过将基本的元素结合起来的方式建立。 get

#!/usr/bin/python
'''
ZetCode PyCairo tutorial

This code example draws another
three shapes in PyCairo

author: Jan Bodnar
website: zetcode.com
last edited: August 2012
'''

import cairo
import gtk

class cv(object):
    points = (
              (0, 85), 
              (75, 75), 
              (100, 10), 
              (125, 75), 
              (200, 85), 
              (150, 125), 
              (160, 190), 
              (100, 150), 
              (40, 190), 
              (50, 125), 
              (0, 85)
              )

class MainWindow(gtk.Window):
    def __init__(self):
        super(self.__class__, self).__init__()
        self.init_ui()

    def init_ui(self):
        self.darea = gtk.DrawingArea()
        self.darea.connect("expose_event", self.expose)
        self.add(self.darea)

        self.set_title("Complex shapes")
        self.resize(480, 240)
        self.set_position(gtk.WIN_POS_CENTER)
        
        self.connect("delete-event", gtk.main_quit)
        self.show_all()

    def expose(self, widget, event):
        self.context = widget.window.cairo_create()
        self.on_draw(480, self.context)
        
    def on_draw(self, wid, cr):
        cr.set_source_rgb(0.6, 0.6, 0.6)
        cr.set_line_width(1)
        
        for i in range(10):
            cr.line_to(cv.points[i][0], cv.points[i][1])
            
        cr.fill()
        
        cr.move_to(240, 40)
        cr.line_to(240, 160)
        cr.line_to(350, 160)
        cr.fill()
        
        cr.move_to(380, 40)
        cr.line_to(380, 160)
        cr.line_to(450, 160)
        cr.curve_to(440, 155, 380, 145, 380, 40)
        cr.fill()

def main():
    window = MainWindow()

    gtk.main()
        
if __name__ == "__main__":
    main()

这个例子中，咱们建立了一个五角星对象，一个三角形和一个改良的三角形。这些对象使用一些直线和一条曲线建立。 it

for i in range(10):
            cr.line_to(cv.points[i][0], cv.points[i][1])
            
        cr.fill()

五角星经过交合点的元组中全部的点来画。fill()方法使用当前色彩填充五角星对象。

cr.move_to(240, 40)
        cr.line_to(240, 160)
        cr.line_to(350, 160)
        cr.fill()

这些线建立一个三角形。最后两个点由PyCairo自动的链接起来。

cr.move_to(380, 40)
        cr.line_to(380, 160)
        cr.line_to(450, 160)
        cr.curve_to(440, 155, 380, 145, 380, 40)
        cr.fill()

改良的三角形是两条直线和一条曲线的简单的结合。

Figure: Complex shapes

填充

填充形状的内部。填充能够是单色，模式或者渐变。

单色

一个颜色是一个结合了红，绿和蓝(RGB)亮度的对象。PyCairo有效的RGB值在0到1范围内。

def on_draw(self, wid, cr):
        cr.set_source_rgb(0.2, 0.23, 0.9)
        cr.rectangle(10, 15, 90, 60)
        cr.fill()
        
        cr.set_source_rgb(0.9, 0.1, 0.1)
        cr.rectangle(130, 15, 90, 60)
        cr.fill()
        
        cr.set_source_rgb(0.4, 0.9, 0.4)
        cr.rectangle(250, 15, 90, 60)
        cr.fill()

在这个例子中，咱们画了三个彩色的矩形。

cr.set_source_rgb(0.2, 0.23, 0.9)
        cr.rectangle(10, 15, 90, 60)
        cr.fill()

set_source_rgb()方法设置source为一个不透明的颜色。参数为红，绿，蓝亮度值。经过调用fill()方法，source被用于填充矩形的内部。

Figure: Solid colors

模式

Patterns是复杂的可用于填充形状的图像对象。

#!/usr/bin/python
'''
ZetCode PyCairo tutorial

This program shows how to work
with patterns in PyCairo

author: Jan Bodnar
website: zetcode.com
last edited: August 2012
'''

import cairo
import gtk

class MainWindow(gtk.Window):
    def __init__(self):
        super(self.__class__, self).__init__()
        self.init_ui()
        self.create_surpat()

    def init_ui(self):
        self.darea = gtk.DrawingArea()
        self.darea.connect("expose_event", self.expose)
        self.add(self.darea)

        self.set_title("Patterns")
        self.resize(300, 290)
        self.set_position(gtk.WIN_POS_CENTER)
        
        self.connect("delete-event", gtk.main_quit)
        self.show_all()

    def create_surpat(self):
        sr1 = cairo.ImageSurface.create_from_png("blueweb.png")
        sr2 = cairo.ImageSurface.create_from_png("maple.png")
        sr3 = cairo.ImageSurface.create_from_png("crack.png")
        sr4 = cairo.ImageSurface.create_from_png("chocolate.png")
        
        self.pt1 = cairo.SurfacePattern(sr1)
        self.pt1.set_extend(cairo.EXTEND_REPEAT)
        self.pt2 = cairo.SurfacePattern(sr2)
        self.pt2.set_extend(cairo.EXTEND_REPEAT)
        self.pt3 = cairo.SurfacePattern(sr3)
        self.pt3.set_extend(cairo.EXTEND_REPEAT)
        self.pt4 = cairo.SurfacePattern(sr4)
        self.pt4.set_extend(cairo.EXTEND_REPEAT)
        
    def expose(self, widget, event):
        self.context = widget.window.cairo_create()
        self.on_draw(300, self.context)
        
    def on_draw(self, wdith, cr):
        cr.set_source(self.pt1)
        cr.rectangle(20, 20, 100, 100)
        cr.fill()
        
        cr.set_source(self.pt2)
        cr.rectangle(150, 20, 100, 100)
        cr.fill()
        
        cr.set_source(self.pt3)
        cr.rectangle(20, 140, 100, 100)
        cr.fill()
        
        cr.set_source(self.pt4)
        cr.rectangle(150, 140, 100, 100)
        cr.fill()


def main():
    window = MainWindow()

    gtk.main()
        
if __name__ == "__main__":
    main()

在这个例子中，咱们画了四个矩形。此次咱们用一些patterns来填充它们。咱们使用了来自于Gimp图像管理程序的四个patterns图像。咱们必须保持那些patterns的原始大小，由于咱们将要展开他们。

咱们在draw()方法外面建立图像surface。每次窗口须要重画的时候，都从硬盘来读取是很是没有效率的。

sr1 = cairo.ImageSurface.create_from_png("blueweb.png")

用一幅PNG图像建立一个图像surface。

self.pt1 = cairo.SurfacePattern(sr1)
        self.pt1.set_extend(cairo.EXTEND_REPEAT)

由surface建立一个pattern。咱们设置风格为 cairo.EXTEND_REPEAT，这将使得pattern以重复的方式展开。

cr.set_source(self.pt1)
        cr.rectangle(20, 20, 100, 100)
        cr.fill()

此处咱们绘制咱们的第一个矩形。set_source()方法告诉Cairo上下文，在画的时候，使用一个pattern做为一个source。图像模式可能不彻底适合那个形状。rectangle()建立一个矩形的path。最后，fill()方法用source来填充path。

上面的那段code中所用到的四幅图片。

blueweb.png chocolate.png crack.png maple.png

上面那段code，执行的结果。

本章中咱们讨论了PyCairo的形状和填充。