javascript - Wie erstelle ich Strichschriftarten und speichere sie mit Canvas oder PHP als Bilder?

Die Größe des Strichs kann eingestellt werden

1. Derzeit wird der QR-Code automatisch im Hintergrund generiert, und der Text wird auch automatisch per CSS in die Bildmitte integriert

<code>代码结构如下:
<link href="print.css" rel="stylesheet"  media="print">
<div>
    <img src="" />
    <span class="font-border">我是描边字体</span>
</div>    </code>

Der Stil von print.css ist wie folgt:

<code>.font-border{
    text-shadow: 0 0 6px #fff,0 0 6px #fff,0 0 6px #fff,0 0 6px #fff,0 0 6px #fff,0 0 6px #fff,0 0 6px #fff,0 0 6px #fff,0 0 6px #fff,0 0 6px #fff,0 0 6px #fff,0 0 6px #fff,0 0 6px #fff,0 0 6px #fff;

}    </code>

Der Stil hat endlich einen Stricheffekt, aber nach dem Klicken auf „Drucken“ verschwindet der Strichstil (Google Chrome Version 52.0.2743.60 (64-Bit))
Unterstützt das Drucken keinen Textschatten?

2. Später habe ich http://www.liantu.com/ gefunden und festgestellt, dass sie Canvas verwenden, um Bilder und Text zu integrieren.
Aber sie haben es verschlüsselt und nach der Entschlüsselung konnte es nicht gelesen werden. Die Variablen bestanden alle aus einzelnen Buchstaben.
Kann ich Canvas verwenden, um die oben festgelegten Bilder und Textelemente und ihre Positionen direkt einzubetten? Dann habe ich auf „Herunterladen“ geklickt und die Bilder direkt an den lokalen Ort heruntergeladen

3. Oder welches PHP-Plugin kann verwendet werden, um Striche zu erzielen?

Antwortinhalt:

Die Größe des Strichs kann eingestellt werden

1. Derzeit wird der QR-Code automatisch im Hintergrund generiert, und der Text wird auch automatisch per CSS in die Bildmitte integriert

<code>代码结构如下:
<link href="print.css" rel="stylesheet"  media="print">
<div>
    <img src="" />
    <span class="font-border">我是描边字体</span>
</div>    </code>

Der Stil von print.css ist wie folgt:

<code>.font-border{
    text-shadow: 0 0 6px #fff,0 0 6px #fff,0 0 6px #fff,0 0 6px #fff,0 0 6px #fff,0 0 6px #fff,0 0 6px #fff,0 0 6px #fff,0 0 6px #fff,0 0 6px #fff,0 0 6px #fff,0 0 6px #fff,0 0 6px #fff,0 0 6px #fff;

}    </code>

Der Stil hat endlich einen Stricheffekt, aber nach dem Klicken auf „Drucken“ verschwindet der Strichstil (Google Chrome Version 52.0.2743.60 (64-Bit))
Unterstützt das Drucken keinen Textschatten?

2. Später habe ich http://www.liantu.com/ gefunden und festgestellt, dass sie Canvas verwenden, um Bilder und Text zu integrieren.
Aber sie haben es verschlüsselt und nach der Entschlüsselung konnte es nicht gelesen werden. Die Variablen bestanden alle aus einzelnen Buchstaben.
Kann ich Canvas verwenden, um die oben festgelegten Bilder und Textelemente und ihre Positionen direkt einzubetten? Dann habe ich auf „Herunterladen“ geklickt und die Bilder direkt an den lokalen Ort heruntergeladen

3. Oder welches PHP-Plugin kann verwendet werden, um Striche zu erzielen?

Zeichnen Sie Bilder auf canvas, und das Gleiche gilt für Text. canvas unterstützt Textstriche.

Beispiel:
https://jsfiddle.net/imys/yjhs8rz4/

php zum Generieren von Schriftbildern, Strichschriftarten beziehen sich auf Schriftdateien