开始使用开罗的最快方法

Question

我过去曾尝试过学习 Cairo，但总是转向其他一些图形库。我的问题是我找不到一个好的教程来为我的表面提供简单的显示。我总是最终在 GTK 或 QT 文档中挖掘与我想做的事情无关的东西。我想学习开罗，而不是一个庞大的面向对象架构。

什么是一个简单的包装器，可以为我提供一个可以在开罗画布上绘图的跨平台窗口？

Answer 1

我几乎用开罗做任何涉及绘画的事情。我在一家医疗软件公司工作，所以我制作了科学数据可视化和其他东西的原型。

我通常有三种方式来显示我的绘图：

1. 使用Python脚本和GTK创建的GTK绘图区域；
2. 使用 Python 图像库 show() 方法直接在屏幕上显示 PNG 图像；
3. 同样通过 Python 图像库保存到磁盘的 PNG 图像。

一个源自 cairgraphics 示例的简单脚本（实际上我将其用作任何新项目的模板）是：

import gtk

class Canvas(gtk.DrawingArea):
    def __init__(self):
        super(Canvas, self).__init__()
        self.connect("expose_event", self.expose)
        self.set_size_request(800,500)

    def expose(self, widget, event):
        cr = widget.window.cairo_create()
        rect = self.get_allocation()

        # you can use w and h to calculate relative positions which
        # also change dynamically if window gets resized
        w = rect.width
        h = rect.height

        # here is the part where you actually draw
        cr.move_to(0,0)
        cr.line_to(w/2, h/2)
        cr.stroke()

window = gtk.Window()
canvas = Canvas()
window.add(canvas)
window.set_position(gtk.WIN_POS_CENTER)
window.show_all()
gtk.main()

或者，如果您不想处理 GUI 工具包，您可以在屏幕上创建和显示图像，并可选择将其保存到文件中：

import cairo, Image

width = 800
height = 600

surface = cairo.ImageSurface(cairo.FORMAT_ARGB32, width, height)
cr = cairo.Context(surface)

# optional conversion from screen to cartesian coordinates:
cr.translate(0, height)
cr.scale(1, -1)

# something very similar to Japanese flag:
cr.set_source_rgb(1,1,1)
cr.rectangle(0, 0, width, height)
cr.fill()
cr.arc(width/2, height/2, 150, 0, 6.28)
cr.set_source_rgb(1,0,0)
cr.fill()

im = Image.frombuffer("RGBA",
                       (width, height),
                       surface.get_data(),
                       "raw",
                       "BGRA",
                       0,1) # don't ask me what these are!
im.show()
# im.save('filename', 'png')

Answer 2

相关问题的答案演示了 Gtk2HS 中非常简单的设置使用 Cairo 在绘图区域上绘图。

import Graphics.UI.Gtk
import Graphics.Rendering.Cairo

main :: IO ()
main = do
    initGUI
    window      <- windowNew
    drawingArea <- drawingAreaNew
    containerAdd window drawingArea

    drawingArea `onExpose` (\_ -> renderScene drawingArea)
    window `onDestroy` mainQuit

    windowSetDefaultSize window 640 480
    widgetShowAll window
    mainGUI

renderScene :: DrawingArea -> IO Bool
renderScene da = do
    dw <- widgetGetDrawWindow da
    renderWithDrawable dw $ do setSourceRGBA 0.5 0.5 0.5 1.0
                               moveTo 100.0 100.0
                               showText "HelloWorld"

    return True

只需将您的 Cairo 动画例程传递给 renderScene 中的 renderWithDrawable dw 即可。