javascript - 如何生成描边的字体并保存成图片,用canvas或php解决?
本文介绍了javascript - 如何生成描边的字体并保存成图片,用canvas或php解决?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
问 题
描边的大小可以设定
目前二维码是后台自动生成的,文字也是自动生成,已经被我用css整合在图片居中的地方
代码结构如下:
<link href="print.css" rel="stylesheet" media="print">
<div>
<img src="" />
<span class="font-border">我是描边字体</span>
</div>
print.css的样式如下:
.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;
}
样式上最终也是描边效果,但点击了打印以后,描边样式就消失了(谷歌浏览器版本 52.0.2743.60 (64-bit))
是不是打印不支持text-shadow?
2.后来找到了http://www.liantu.com/,发现他们是用canvas实现图片和文字的整合。
但他们做了加密处理,解密了以后,也读不懂,变量都是单个字母。
用canvas可不可以直接将我上面设置好的图片和文字元素和他们的位置包裹起来,然后我点击了下载,直接将图片下载到本地
3.或者可以用什么php的插件来实现描边么?
解决方案
把图片画到 canvas
上,文字也一样,canvas
支持文字描边。
示例:
https://jsfiddle.net/imys/yjhs8rz4/
这篇关于javascript - 如何生成描边的字体并保存成图片,用canvas或php解决?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文