Wie bette ich Text in ein Bild ein? Der eingebettete Text sollte per Hyperlink mit einer URL verknüpft sein. Der Anwendungsfall ist wie ein Bild mit einem Link, der "Klicken Sie hier" sagt, was eine neue Seite öffnet.Wie bette ich einen Textlink in ein Bild ein?
Antwort
Wenn Sie asp.net verwenden, zeigt diese Embed text in Image using ASP.NET von Entwickler Fusin ein gutes Beispiel.
bearbeiten - Von Ihre Kommentare Ich sehe Sie suchen php: Adding text to images with PHP
einen Bildeditor fügen Sie den gewünschten Text zu Bild selbst verwenden und dann das Bild der Karte auf die Stelle, wo Text erforderlich erscheint URL Für eine Probe bei meiner Probe überprüfen Sie bitte http://shreedhar.kotekar.com/ImageMapSample.htm
haben Sie zu Optionen, dies zu erreichen:
Fügen Sie Ihren Text in das Bild mit Ihrem Grafikprogramm der Wahl. (Verwenden Sie ImageMagick für automatisierte Verarbeitung) Erstellen Sie dann eine image map, um Teile des Bildes anklickbar zu machen. Wenn Sie einen "heißen Zustand" benötigen, müssen Sie kleine Bilder verwenden, die absolut über dem Originalbild positioniert sind und diese mit Javascript anzeigen/ausblenden. Je nach Ihren Anforderungen kann es einfacher sein, das gesamte Bild anklickbar zu machen.
Fügen Sie ein normales Bild und einen normalen Hyperlink hinzu. Sie können ein reguläres img-Tag verwenden oder das Hintergrundbild des Containers verwenden. Verwenden Sie dann die absolute Positionierung, um den Hyperlink an die gewünschte Position oben auf dem Bild zu verschieben. Mit dieser Lösung benötigen Sie kein Javascript, um einen Hover-Effekt zu erzeugen.
Wenn Sie von z-Indizes bleiben wollen weg und/oder Image-Maps, können Sie ihm die alte Schule Art und Weise tun, die das Bild als Hintergrund für eine Tabelle oder div eingestellt ist, und dann einfach Text in die Tabelle oder div einfügen.
könnten Sie dieses Tool verwenden:
und hier auf GitHub:
https://github.com/blauharley/LoremImageCryptonator
Mit Hilfe dieses JS-Objekt Sie einen beliebigen Text Sie einbetten können. Es bietet zwei Methoden (getCryptoImage, getTextFromCryptoImage), die zum Einfügen und Extrahieren von Text in und aus einem Bild verwendet werden können.
Für Ihren Anwendungsfall können Sie eine URL einfügen und extrahieren, sobald das Bild angeklickt wird.
Aber zuerst müssen Sie ein "Crypto-Image" erstellen, in das eine URL eingefügt wurde, bevor das Bild gespeichert wird. Das gespeicherte "Crypto-Image" kann dann auf einer Seite angezeigt werden.
Hoffe, das hilft.
danke. Kann ich irgendetwas mit PHP anfangen? –
mit PHP-Version aktualisiert – TStamper