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 来生成字体图片,描边字体是跟字体文件有关

热AI工具

Undresser.AI Undress
人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover
用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool
免费脱衣服图片

Clothoff.io
AI脱衣机

AI Hentai Generator
免费生成ai无尽的。

热门文章

热工具

记事本++7.3.1
好用且免费的代码编辑器

SublimeText3汉化版
中文版,非常好用

禅工作室 13.0.1
功能强大的PHP集成开发环境

Dreamweaver CS6
视觉化网页开发工具

SublimeText3 Mac版
神级代码编辑软件(SublimeText3)

适用于 Ubuntu 和 Debian 的 PHP 8.4 安装和升级指南

如何设置 Visual Studio Code (VS Code) 进行 PHP 开发
