Javascript-how to generate the stroke font and save it as an image, which can be solved using canvas or php?

The stroke style is as follows: {code...} is also the stroke effect, but after you click print, the stroke style disappears...

Stroke size can be set

1. Currently, the QR code is automatically generated in the background, and text is also automatically generated. it has been integrated in the center of the image by css.

The code structure is as follows:
  
I am a stroke font
    

The style of print.css is as follows:

.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;}    

The style is also the stroke effect, but after clicking print, the stroke style disappears (Google browser version 52.0.2743.60 (64-bit ))
Does printing not support text-shadow?

2. later I found http://www.liantu.com/, and found that they are the combination of canvasreal images and texts.
However, they do encryption, and after decryption, they do not understand. the variables are all single letters.
Can I wrap up the image and text elements I set above and their locations with canvas? then I click download to download the image to a local device.

3. or what php plug-in can be used to achieve stroke?

Reply content:

Stroke size can be set

1. Currently, the QR code is automatically generated in the background, and text is also automatically generated. it has been integrated in the center of the image by css.

The code structure is as follows:
  
I am a stroke font
    

The style of print.css is as follows:

.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;}    

The style is also the stroke effect, but after clicking print, the stroke style disappears (Google browser version 52.0.2743.60 (64-bit ))
Does printing not support text-shadow?

2. later I found http://www.liantu.com/, and found that they are the combination of canvasreal images and texts.
However, they do encryption, and after decryption, they do not understand. the variables are all single letters.
Can I wrap up the image and text elements I set above and their locations with canvas? then I click download to download the image to a local device.

3. or what php plug-in can be used to achieve stroke?

Draw imagescanvasThe text is the same,canvasSupports text stroke.

Example:
Https://jsfiddle.net/imys/yjhs8rz4/

Php to generate a font Image. The stroke font is related to the font file.