Gibt es eine Werkzeuggeometrie Formen programmatisch zu zeichnen?

Question

Wie abgerundete Ecke für Web-Seiten,

Ich will es zeichnen, indem die Parameter einstellen und programmatisch.

Bearbeiten

Es sollte in der Lage sein Bild zu erzeugen wie
_{(Quelle: alistapart.com )}

Answer 1

Im Grunde würden Sie auf einem Bitmap im RAM zeichnen das Bild zu erzeugen, dann entweder als GIF-Datei speichern oder emittieren sie direkt an den Browser, zu sagen, dass Sie eine GIF-Datei senden. Sie haben die gleiche Art von Fliesen und Positionierung der einzelnen Elemente zu tun, dass Web-Designer in Photoshop zu tun, mit der Ausnahme, dass der Code der Arbeit tun wird.

Für eine mögliche Bibliothek finden Sie unter libgd hier wo Sie wahrscheinlich line() verwenden würde ziehen die geraden Linien und arc() die Ecken zu ziehen. Natürlich eine schattige Linie zu erhalten, müssen Sie mehrere Zeilen, zu verschmieren ein bisschen jedes Mal, und das Ändern der Farbe.

ziehen

Um zu sehen, wie Web-Designer es tun, haben einen Blick auf dieser Seite . Beachten Sie die Liste der Ecke Bilder, die verwendet werden. Vor der Codierung, hilft es immer alternative Möglichkeiten zu verstehen, es zu tun. Sie könnten es vorziehen, leveraging CSS anstelle , was wahrscheinlich einfacher Code ist.

Ich empfehle, keine Leinwand verwenden, da die meisten Browser es nicht unterstützen, und für viel aus dem gleichen Grunde, ich glaube nicht, dass SVG ein guter Weg ist es für allgemeine Zwecke Websites zu tun, wo Sie gerade Dressing bis das Aussehen des Inhalts.

Answer 2

Kann nicht verwenden Sie SVG-Format? Sie können programmatisch SVG-Dateien erzeugen.

Answer 3

SVG oder Leinwand ?