javascript - 캔버스나 PHP를 사용하여 스트로크 글꼴을 생성하고 이미지로 저장하는 방법은 무엇입니까?

획 크기 설정 가능

1. 현재는 QR코드가 백그라운드에서 자동생성되고, 텍스트도 자동생성되는데 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>

드디어 스타일에 획 효과가 생겼는데 인쇄를 클릭하면 획 스타일이 사라집니다.(Google Chrome 버전 52.0.2743.60(64비트))
인쇄에서는 텍스트 그림자를 지원하지 않나요?

2. 나중에 http://www.liantu.com/을 찾아보니 캔버스를 사용하여 그림과 텍스트를 통합하는 것을 발견했습니다.
그런데 암호화했는데, 복호화한 후에는 읽을 수 없는 변수였습니다.
캔버스를 사용하여 위에서 설정한 사진과 텍스트 요소 및 위치를 직접 래핑할 수 있나요? 그런 다음 다운로드를 클릭하고 사진을 로컬 위치에 직접 다운로드할 수 있나요?

3. 아니면 어떤 PHP 플러그인을 사용하여 스트로크를 얻을 수 있나요?

답글 내용:

획 크기 설정 가능

1. 현재는 백그라운드에서 QR코드가 자동생성되고, 텍스트도 자동생성되는데 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>

드디어 스타일에 획 효과가 생겼는데 인쇄를 클릭하면 획 스타일이 사라집니다.(Google Chrome 버전 52.0.2743.60(64비트))
인쇄에서는 텍스트 그림자를 지원하지 않나요?

2. 나중에 http://www.liantu.com/을 찾아보니 캔버스를 사용하여 그림과 텍스트를 통합하는 것을 발견했습니다.
그런데 암호화했는데, 복호화한 후에는 읽을 수 없는 변수였습니다.
캔버스를 사용하여 위에서 설정한 사진과 텍스트 요소 및 위치를 직접 래핑할 수 있나요? 그런 다음 다운로드를 클릭하고 사진을 로컬 위치에 직접 다운로드할 수 있나요?

3. 아니면 어떤 PHP 플러그인을 사용하여 스트로크를 얻을 수 있나요?

canvas에 그림을 그리면 텍스트에도 동일하게 적용됩니다. canvas는 텍스트 스트로크를 지원합니다.

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

글꼴 이미지를 생성하는 PHP, 획 글꼴은 글꼴 파일과 관련됩니다