nodejs 文字转图片方法

引用示例

import writeTextToCanvas from "./core/clip/TextHandler/writeTextToCanvas.js";
let text="文字转图片";
let options = {font: "16px sans-serif",  fill: true,stroke: false,fillColor: "#ffff00",strokeColor: "#000000",strokeWidth: 1,backgroundColor:  "#00000000",padding: 2
};
let canvas=writeTextToCanvas(text,options);
let base64 = canvas.toDataURL();

使用了node-canvas模块

/*** 文字转图片方法* @param {*} text * @param {*} options * @returns */
function writeTextToCanvas(text, options) {let font =options.font;let fontArr=font.split(' ');let fontSize=11;fontArr.map((v, i) => {if (v.indexOf('px') > -1) {fontSize = v.replace(/px/g, '')}}); ............const _canvas = createCanvas(1, 1);let context2D = _canvas.getContext("2d"); context2D.font = font;context2D.lineJoin = "round";context2D.lineWidth = strokeWidth;  let fsize = parseInt(fontSize.replace(/px/g, ""));let width = fsize * text.length + doublePadding;let height = 1.2 * (fsize);let x=0;let y = height * 0.8;_canvas.width = width;_canvas.height = height; context2D.font = font;context2D.lineJoin = "round";context2D.lineWidth = strokeWidth;if (backgroundColor !=="#00000000") {context2D.fillStyle = backgroundColor ;context2D.fillRect(0, 0, _canvas.width, _canvas.height);} if (stroke) {let strokeColor = options.strokeColor;context2D.strokeStyle = strokeColor;context2D.strokeText(text, x + padding, y);} if (fill) {let fillColor =options.fillColor;context2D.fillStyle = fillColor;context2D.fillText(text, x + padding, y);} return _canvas;
}
export default writeTextToCanvas;

nodejs 文字转图片方法相关推荐

python图片转换成文字_Python输出汉字字库及将文字转换为图片的方法
用python输出汉字字库问题1:假设我们知道汉字编码范围是0x4E00到0x9FA5,怎么从十六进制的编码转成人类可读的字呢? 问题2:怎么把unicode编码的字写入文件呢,如果直接用open() ...
文字转图片，文字水印图片，合成图片，教你 Python 生成网站原创配图！
又是为站佬们服务(写)水文的一篇,如何应用python来生成或者说是合成自己的原创图片,适合各位站群大佬哥们生成自己的图片,避免没有配图或者侵权碰瓷的尴尬,当然本渣渣这里分享的仅仅是源码demo,后续 ...
php图片转字符程序,PHP文字转图片功能原理与实现方法分析
本文实例讲述了PHP文字转图片功能.分享给大家供大家参考,具体如下: 这项功能主要用于对邮箱地址.手机等可能被网络爬虫抓取的重要信息的处理.将文字转化为图片绝对是个好注意.验证码的基本生成原理也与此差 ...
html js点击字图片下拉,JavaScript实现文字与图片拖拽效果的方法
本文实例讲述了JavaScript实现文字与图片拖拽效果的方法.分享给大家供大家参考.具体实现方法如下: JavaScript实现文字与图片的拖拽效果 *{padding:0;margin:0;} . ...
关于用隐藏文字（图片替换文字）的更好的可用性方法
有些文字或者效果很难用文字表示出来时我一般都是用图片或者css3来实现,关于css隐藏文字的方法很多,以前一般都用text-indent隐藏文字实现图片替换文字的方法,因为这种方法不影响机器或者搜索引 ...
js获取剪切板文字图片方法
有时候经常在网上看到网页可以读取系统粘贴板的内容,可以显示文字和图片等内容,就挺好奇的,所以就研究了一下. 基本原理通过监听input的paste事件,获取到clipboardData内容,然后显示 ...
html图片在wps中不显示文字大小,WPS文字插入图片显示不全怎么办 WPS文字插入图片显示不完整的解决方法...
在wps文字编辑文档时,如果我们在使用时插入图片显示不全,这种情况我们该怎么解决呢?想必有不少的用户遇到过这种问题,下面教程之家网为大家带来WPS文字插入图片显示不完整的解决方法,不知道怎么解决的朋友 ...
图片转文字的实用方法
怎么把图片里的文字信息转成可编辑的文字呢?今天教大家如何识别图片中的文字!到底行不行呢?我们一起看下吧! 图片转文字方法一: 工具:①电脑,②迅捷ocr文字识别软件 1.准备好一张带有文字的图片,将图 ...
图片怎么转文字？这些方法值得收藏
在工作上,我们常常会收到上级发来的图片资料,要求我们把这些资料进行整理归纳成文本文件.各位小伙伴遇到这种情况,都是怎么操作的呢?是自己慢慢码字输入的吗?这样子的效率就有点低了,如果面对大量的文字图片需 ...

nodejs 文字转图片方法

nodejs 文字转图片方法相关推荐

最新文章

热门文章