Erstellen Sie mit Python + PIL ein Dummy-Image.

Mit Python + PIL habe ich ein Skript erstellt, das ein Dummy-Image (als Wire-Frame-Image bezeichnet) erstellt, das gleichzeitig für das Layout einer Webseite verwendet wird.

Besiegter Geschmack. Python verwendet 2.7.

image-wire-frame-box.py

#!/usr/bin/env python
# -*- coding: utf-8 -*-
'''
Erstellen Sie ein Drahtrahmenbild
'''

import Image
import ImageDraw
import ImageFont
import sys


def make_image(screen, prefix, extension, pen_color, bg_color):
    """
Bilddatei erstellen
    """

    #Der Schriftpfad ist für jede flache Form unterschiedlich. Berücksichtigen Sie dies (besiegen Sie ihn tatsächlich).
    if sys.platform == "darwin":
        #Für OSX
        #Japanische Schrift hat nicht funktioniert
        #FONTPATH = '/Library/Fonts/Osaka.ttf'
        FONTPATH = '/Library/Fonts/Verdana.ttf'
    elif sys.platform == "linux2":
        #Für Linux
        FONTPATH = '/usr/share/fonts/truetype/fonts-japanese-gothic.ttf'
    else:
        #Davon abgesehen wird es als Windows beurteilt (Niederlage)
        # FONTPATH = 'hgrme.ttc'
        FONTPATH = 'C:\WINDOWS\Fonts\MSGOTHIC.ttc'

    #Geben Sie die Schriftart an
    font = ImageFont.truetype(FONTPATH, 24, encoding='utf-8')

    img = Image.new('RGB', screen, bg_color)
    x, y = img.size
    u = x - 1
    v = y - 1
    draw = ImageDraw.Draw(img)

    draw.line((0, 0, u, 0), pen_color)
    draw.line((0, 0, u, v), pen_color)
    draw.line((0, 0, 0, v), pen_color)
    draw.line((u, 0, 0, v), pen_color)
    draw.line((u, 0, u, v), pen_color)
    draw.line((0, v, u, v), pen_color)

    #Text in das Bild einfügen (Niederlage)
    if x > 63 and y > 24:
        draw.text((2, (y - 24) / 2), str(x) + "x" + str(y),
            font=font, fill=pen_color)

    savefile = prefix + str(x) + "x" + str(y) + extension
    img.save(savefile)

if __name__ == '__main__':
    #Bildgröße
    screens = (
        (16, 16),      # favicon
        (32, 32),      # favicon
        (24, 24),      # windows icon
        (48, 48),      # windows icon / avatar
        (96, 96),      # windows icon / avatar
        (64, 64),      # mac icon / avatar
        (128, 128),    # mac icon / avatar
        (100, 100),    # icon / avatar
        (150, 150),    # icon / avatar
        (256, 256),    # icon / avatar ----
        (320, 240),    # QVGA
        (240, 320),    # QVGA
        (640, 480),    # VGA
        (480, 640),    #VGA (vertikal)
        (800, 600),    # SVGA
        (600, 800),    #SVGA (vertikal)
        (1024, 768),   # XGA
        (768, 1024),   #XGA (vertikal)
        (1280, 960),   # Quad-VGA
        (960, 1280),   # Quad-VGA (vertikal)
        (1600, 1200),  # UXGA
        (1200, 1600),  #UXGA (vertikal)
        (1280, 720),   # HDTV 720p
        (720, 1280),   #HDTV 720p (vertikal)
        (1920, 1080),  # HDTV 1080p
        (1080, 1920),  #HDTV 1080p (vertikal)----
        (88, 31),      #IMU Micro Bar Micro Bar
        (120, 60),     #IMU-Taste 2 Taste 2
        (160, 600),    #IMU breiter Wolkenkratzer breiter Wolkenkratzer
        (300, 600),    #IMU Half Page Ad Half Page
        (180, 150),    #IMU-Rechteck Rechteck (klein)
        (300, 250),    #IMU Mittleres Rechteck Rechteck (Mitte)
        (728, 90),     #IMU Leaderboard Big Banner
        (120, 90),     #IMU (Löschen) -Taste 1 Taste 1
        (120, 240),    #IMU (Gelöscht) Vertikales Banner Vertikales Banner
        (120, 600),    #IMU (gelöscht) Wolkenkratzer Wolkenkratzer
        (125, 125),    #IMU (Gelöscht) Quadratische Schaltfläche Quadratische Schaltfläche, Schaltfläche
        (234, 60),     #IMU (gelöscht) Halbbanner Halbbanner
        (240, 400),    #IMU (gelöscht) Vertikales Rechteck Vertikales Rechteck
        (250, 250),    #IMU (gelöscht) Square Pop-Up Square
        (300, 100),    #IMU (gelöscht) 3:1 Rectangle 3:1 Rechteck
        (336, 280),    #IMU (gelöscht) Großes Rechteck Großes Rechteck, Rechteck (Groß)
        (468, 60),     #IMU (Gelöscht) Volles Banner Banner, Volles Banner
        (720, 300),    #IMU (Gelöscht) Pop-Unter Pop unter
        (200, 200),    #Google Square (klein)
        (970, 90),     #Google großes großes Banner, großes Banner (groß)
        (320, 50),     #Google Mobile Big Banner
        (320, 100),    #Google Mobile Banner (groß)
        (240, 400),    #Google "Rechteck (vertikal)" Russland
        (980, 120),    #Google "Panorama" Schweden und Finnland
        (250, 360),    #Google "Triple Wide Screen" Schweden
        (930, 180),    #Google "Top Banner" Dänemark
        (580, 400),    #Google "Netboard" Norwegen
        (750, 100),    #Google "Billboard" Polen
        (750, 200),    #Google "Double Billboard" Polen
        (750, 300),    #Google "Triple Billboard" Polen
        (170, 40),     #Banner Details unbekannt
        (180, 70),     #Banner Details unbekannt
        (200, 40),     #Banner Auch die Bannergröße, die in japanischen CG-Systemen häufig zu finden ist
        (400, 40)      #Banner Auch die in Japan übliche Bannergröße
        )

    #Geben Sie das Präfix an
    prefix = "wf-"

    #Geben Sie die Dateierweiterung an
    #extension = ".png "
    extension = ".jpg "

    #Geben Sie die Zeichnungsfarbe (RGB) an.
    pen_color = (0x00, 0x00, 0xdd)

    #Geben Sie die Hintergrundfarbe (RGB) des Bildes an
    bg_color = (0xdd, 0xdd, 0xdd)

    for screen in screens:
        print "size: %d,%d" % (screen[0], screen[1])
        make_image(screen, prefix, extension, pen_color, bg_color)
#EOF

↓ Ein Bild wie dieses wird sanft erstellt.