创建图像查看器并允许通过python进行缩放，拖动和线条绘制的最佳方法

如何解决创建图像查看器并允许通过python进行缩放，拖动和线条绘制的最佳方法

使用python创建允许在其顶部进行图像缩放和画线的应用程序的最佳方法是什么？

我一直在使用pygame进行此操作，方法是在非常大的表面（大小约为15000）上绘制图像，并使用pygame.transform.scale（）进行缩放。此外，还会使用convert_alpha（）创建用于画线的多余表面并将其设置为0 alpha。

此方法的问题是，如果我需要创建大尺寸的pygame.surface，它将花费大量时间和内存。另外，transform.scale（）会花费很多时间。除了线以外，还为图纸类型创建了许多额外的表面。

那么，有没有更好的方法可以使用pygame做同样的事情？或做同样事情的另一种方式？谢谢。

解决方法

缩放图像可以通过复制“基本图像”的一部分，然后仅将较小的部分缩放到与窗口相同的大小来实现。这样，代码仅包含基本图像，背景和子图像。您永远不会将整个图像缩放到缩放级别。

在下面的示例代码中，我使用“ pan-box”的概念实现了这一点，该概念是PyGame rectangle（Rect），它定义了缩放部分的大小和位置。实际上，它是一个矩形的“放大镜”。

代码的核心在此框的坐标和大小内获取背景的副本，然后将其缩放为与窗口相同的大小，并复制到“背景”图像中：

window_size = ( WINDOW_WIDTH,WINDOW_HEIGHT )

zoom_image = pygame.Surface( ( pan_box.width,pan_box.height ) )  # new surface
zoom_image.blit( base_image,( 0,0 ),pan_box )                  # copy base image
pygame.transform.scale( zoom_image,window_size,background )     # scale into the background

window.blit( background,0 ) )
pygame.display.flip()

这就是操作的关键。这样效果很好，因为无论框位于何处，它都可以捕获原始图像的内容，并缩放它以适合窗口。平移或缩放只是移动平移框或使其变大/变小的问题。

但是，为了使此核心代码保持简单，示例中还有很多代码主要将pan-box保留在图像中。实际上，大多数示例都是简单的检查，以确保我们不会越界。

图像复制和缩放是相对耗费CPU的操作。因此，您将在代码中看到进行测试以确定是否需要执行某些操作的点。例如，如果平移框未更改，则无需创建新的背景图像。我们也不需要制作新的zoom_image 如果pan-box的大小没有改变。这样的小检查可以极大地提高代码速度。

参考代码：

import pygame
import sys

# Window size
WINDOW_WIDTH    = 300
WINDOW_HEIGHT   = 300
WINDOW_SURFACE  = pygame.HWSURFACE|pygame.DOUBLEBUF|pygame.RESIZABLE
image_filename  = None

PAN_BOX_WIDTH   = 64
PAN_BOX_HEIGHT  = 64
PAN_STEP        = 5

def errorExit( message,code=1 ):
    """ Write an error message to the console,then exit with an error code """
    sys.stderr.write( message + "\n" )
    sys.exit( code )

# The first argument is either the image filename
# or a "--help" request for help

# Did we get any arguments?
if ( len( sys.argv ) == 1 ):
    errorExit( "Give an image Filename as an argument" )
else:
    # Get image filename as first argument
    for arg in sys.argv[1:]:
        if ( arg in [ '-h','--help','-?','/?' ] ):
            errorExit( "Zooms an image,using arrow keys to pan\nGive an image Filename as an argument" )
    # Use the first argument as the image source
    image_filename = sys.argv[1] 
    sys.stdout.write( "Using [%s] as the image\n" % ( image_filename ) )


### PyGame initialisation
pygame.init()
window = pygame.display.set_mode( ( WINDOW_WIDTH,WINDOW_HEIGHT ),WINDOW_SURFACE )
pygame.display.set_caption("Image Pan")

### Can we load the user's image OK?
try:
    base_image = pygame.image.load( image_filename ).convert()
except:
    errorExit( "Failed to open [%s]" % ( image_filename ) )

### Pan-position
background = pygame.Surface( ( WINDOW_WIDTH,WINDOW_HEIGHT ) )   # zoomed section is copied here
zoom_image = None
pan_box    = pygame.Rect( 0,PAN_BOX_WIDTH,PAN_BOX_HEIGHT )  # curent pan "cursor position"
last_box   = pygame.Rect( 0,1,1 )

### Main Loop
clock = pygame.time.Clock()
done = False
while not done:

    # Handle user-input
    for event in pygame.event.get():
        if ( event.type == pygame.QUIT ):
            done = True

    # Movement keys
    # Pan-box moves up/down/left/right,Zooms with + and -
    keys = pygame.key.get_pressed()
    if ( keys[pygame.K_UP] ):
        pan_box.y -= PAN_STEP
    if ( keys[pygame.K_DOWN] ):
         pan_box.y += PAN_STEP
    if ( keys[pygame.K_LEFT] ):
        pan_box.x -= PAN_STEP
    if ( keys[pygame.K_RIGHT] ):
        pan_box.x += PAN_STEP
    if ( keys[pygame.K_PLUS] or keys[pygame.K_EQUALS] ):
        pan_box.width  += PAN_STEP
        pan_box.height += PAN_STEP
        if ( pan_box.width > WINDOW_WIDTH ):  # Ensure size is sane
            pan_box.width = WINDOW_WIDTH
        if ( pan_box.height > WINDOW_HEIGHT ):
            pan_box.height = WINDOW_HEIGHT
    if ( keys[pygame.K_MINUS] ):
        pan_box.width  -= PAN_STEP
        pan_box.height -= PAN_STEP
        if ( pan_box.width < PAN_STEP ):  # Ensure size is sane
            pan_box.width = PAN_STEP
        if ( pan_box.height < PAN_STEP ):
            pan_box.height = PAN_STEP

    # Ensure the pan-box stays within image
    PAN_BOX_WIDTH  = min( PAN_BOX_WIDTH,base_image.get_width() )
    PAN_BOX_HEIGHT = min( PAN_BOX_HEIGHT,base_image.get_height() )
    if ( pan_box.x < 0 ):
        pan_box.x = 0 
    elif ( pan_box.x + pan_box.width >= base_image.get_width() ):
        pan_box.x = base_image.get_width() - pan_box.width - 1
    if ( pan_box.y < 0 ):
        pan_box.y = 0 
    elif ( pan_box.y + pan_box.height >= base_image.get_height() ):
        pan_box.y = base_image.get_height() - pan_box.height - 1

    # Re-do the zoom,but only if the pan box has changed since last time
    if ( pan_box != last_box ):
        # Create a new sub-image but only if the size changed
        # otherwise we can just re-use it
        if ( pan_box.width != last_box.width or pan_box.height != last_box.height ):
            zoom_image = pygame.Surface( ( pan_box.width,pan_box.height ) )  
        
        zoom_image.blit( base_image,pan_box )                  # copy base image
        window_size = ( WINDOW_WIDTH,WINDOW_HEIGHT )
        pygame.transform.scale( zoom_image,background )     # scale into thebackground
        last_box = pan_box.copy()                                         # copy current position

    window.blit( background,0 ) )
    pygame.display.flip()

    # Clamp FPS
    clock.tick_busy_loop(60)


pygame.quit()