javascript - 如何生成描边的字体并保存成图片,用canvas或php解决?
描边的大小可以设定
目前二维码是后台自动生成的,文字也是自动生成,已经被我用css整合在图片居中的地方
<code>代码结构如下: <link href="print.css" rel="stylesheet" media="print"> <div> <img src="" alt="javascript - 如何生成描边的字体并保存成图片,用canvas或php解决?" > <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的插件来实现描边么?
回复内容:
描边的大小可以设定
目前二维码是后台自动生成的,文字也是自动生成,已经被我用css整合在图片居中的地方
<code>代码结构如下: <link href="print.css" rel="stylesheet" media="print"> <div> <img src="" alt="javascript - 如何生成描边的字体并保存成图片,用canvas或php解决?" > <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 来生成字体图片,描边字体是跟字体文件有关

Outils d'IA chauds

Undresser.AI Undress
Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover
Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool
Images de déshabillage gratuites

Clothoff.io
Dissolvant de vêtements AI

AI Hentai Generator
Générez AI Hentai gratuitement.

Article chaud

Outils chauds

Bloc-notes++7.3.1
Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise
Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1
Puissant environnement de développement intégré PHP

Dreamweaver CS6
Outils de développement Web visuel

SublimeText3 version Mac
Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Sujets chauds

Guide d'installation et de mise à niveau de PHP 8.4 pour Ubuntu et Debian

Comment configurer Visual Studio Code (VS Code) pour le développement PHP
