javascript - 如何產生描邊的字體並儲存成圖片，用canvas或php解決？

描邊的大小可以設定

1. 目前二維碼是後台自動生成的，文字也是自動生成，已經被我用css整合在圖片居中的地方

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

print.css的樣式如下:

<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>

樣式上最終也是描邊效果，但點擊了打印以後，描邊樣式就消失了(谷歌瀏覽器版本 52.0.2743.60 (64-bit))
是不是打印不支持text-shadow?

2.後來找到了http://www.liantu.com/，發現他們是用canvas實現圖片和文字的整合。
但他們做了加密處理，解密了以後，也讀不懂，變數都是單字母。
用canvas可不可以直接將我上面設定好的圖片和文字元素和他們的位置包裹起來，然後我點擊了下載，直接將圖片下載到本地

3.或是可以用什麼php的插件來實現描邊麼？

回覆內容：

描邊的大小可以設定

1. 目前二維碼是後台自動生成的，文字也是自動生成，已經被我用css整合在圖片居中的地方

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

print.css的樣式如下:

<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>

樣式上最終也是描邊效果，但點擊了打印以後，描邊樣式就消失了(谷歌瀏覽器版本 52.0.2743.60 (64-bit))
是不是打印不支持text-shadow?

2.後來找到了http://www.liantu.com/，發現他們是用canvas實現圖片和文字的整合。
但他們做了加密處理，解密了以後，也讀不懂，變數都是單字母。
用canvas可不可以直接將我上面設定好的圖片和文字元素和他們的位置包裹起來，然後我點擊了下載，直接將圖片下載到本地

3.或是可以用什麼php的插件來實現描邊麼？

把圖片畫到 canvas 上，文字也一樣，canvas 支援文字描邊。

範例：
https://jsfiddle.net/imys/yjhs8rz4/

php 來產生字體圖片，描邊字體是跟字體檔案有關