javascript - 如何生成描边的字体并保存成图片,用canvas或php解决?

WBOY
发布: 2016-08-04 09:21:58
原创
1394 人浏览过

描边的大小可以设定
javascript - 如何生成描边的字体并保存成图片,用canvas或php解决?

  1. 目前二维码是后台自动生成的,文字也是自动生成,已经被我用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的插件来实现描边么?

回复内容:

描边的大小可以设定
javascript - 如何生成描边的字体并保存成图片,用canvas或php解决?

  1. 目前二维码是后台自动生成的,文字也是自动生成,已经被我用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 来生成字体图片,描边字体是跟字体文件有关

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网:公益在线PHP培训,帮助PHP学习者快速成长!