非php文字转图片生成分享

镖师 · 发表于 4 天前

马上注册，免费下载更多dz插件网资源。

您需要登录才可以下载或查看，没有账号？立即注册

×

很多老坛也是喜欢用php生成图片，当然小编也有用php生成图片，比如网站价值评估的海报图片就是用php生成的。总的来说繁琐。小编还是热衷于JS组件去生成图片，比如小编的聊天室红包就是用JS生成图片的。效果如下：
. 非php文字转图片生成分享

既然是分享，那我们就开始分享吧，首先得下载这个html2canvas.js ，网页引用这个就可以跳过了。下面开始用红包的构成html.
这是小编红包发送与接收的JS代码。
非php文字转图片生成分享

那我们要把这些红包的html这些东西生成图片，那接下来就封装个函数。

//红包封面图片生成function convertToImage(elementId) {setTimeout(() => {var element = document.getElementById(elementId);if (element) {html2canvas(element, {ignoreElements: function(el) {if (el.tagName === 'AUDIO') {return true;}return false;}}).then(function(canvas) {var imgData = canvas.toDataURL('image/png');var imgElement = document.createElement('img');imgElement.src = imgData;imgElement.style.width = '339px';imgElement.style.height = '110px';element.parentNode.replaceChild(imgElement, element);var brElement = document.createElement('br'); // 添加 <br> 标签实现换行imgElement.parentNode.insertBefore(brElement, imgElement.nextSibling);});}}, 100);}

复制代码

那把自己发送的红包生成图片，那就这么调用

convertToImage(redbaomyId);

复制代码

那把别人发送的红包生成图片，那就这么调用

convertToImage(redbaoyouId);

复制代码

是不是比php更方便快捷呢？

非php文字转图片生成分享

©DZ插件网所发布的一切资源仅限用于学习和研究目的；不得将上述内容用于商业或者非法用途，否则，一切后果请用户自负。
网站部分内容来源于网络，版权争议与本站无关。您必须在下载后的24个小时之内，从您的电脑中彻底删除上述内容。如果您喜欢该程序，请支持正版软件，得到更好的正版服务。
您在本站任何的赞助购买、下载、查阅、回复等行为等均表示接受并同意签订《DZ插件网免责声明协议》。
如有侵权请邮件与我们联系处理: discuzaddons@vip.qq.com 并出示相关证明以便删除。敬请谅解！