当前位置: 首页 > news >正文

学习网页制作的网站网站推广的方式和方法

学习网页制作的网站,网站推广的方式和方法,b2b 网站制作,潍坊企业网站建设Sharp是一个基于libvips的高性能Node.js图像处理库,它提供了广泛的功能,包括调整大小、裁剪、旋转、格式转换等。Sharp可以处理多种图像格式,并且能够高效地转换图像格式。 相关说明及用法看:https://sharp.nodejs.cn/ 安装&#…

Sharp是一个基于libvips的高性能Node.js图像处理库,它提供了广泛的功能,包括调整大小、裁剪、旋转、格式转换等。Sharp可以处理多种图像格式,并且能够高效地转换图像格式。
相关说明及用法看:https://sharp.nodejs.cn/
安装:Sharp:npm install sharp
以及安装:npm install --save text-to-svg
text-to-svg将文本转换为SVG路径,而无需本地依赖,相关用法及说明看https://www.npmjs.com/package/text-to-svg
上代码

const sharp=require('sharp');
const fs=require('fs');
const textToSvg=require('text-to-svg');const basePicture=`${__dirname}/img/123.jpg`;//转化Buffer流对象,并将buffer流合并成一个,并期约返回
function streamToBuffer(stream)
{return new Promise((resolve,reject)=>{const bufferList=[];//图片流数据stream.on('data',data=>{bufferList.push(data);})stream.on('error',err=>{reject();})//end为追加数据stream.on('end',()=>{//这里是合并buffer对象resolve(Buffer.concat(bufferList));})})
}//生成新图片,并追加新图片的格式大小覆盖区域等
function dealWithStream(basePicture)
{const readableStream=fs.createReadStream(basePicture);const transformer=sharp().resize({width:100,height:100,fit:sharp.fit.cover,position:sharp.strategy.entropy})//console.log(transformer);//将transformer流数据追加进行处理readableStream.pipe(transformer);streamToBuffer(transformer).then(function(newPicBuffer){//写入新图片中fs.writeFile(`${__dirname}/img/water.png`,newPicBuffer,function(err){if(err){console.log(err);return;}console.log('done');})})}//dealWithStream(basePicture);
//将图片转为jpeg,并对jpeg文件进行处理
function dealWithBuffer(basePicture)
{sharp(basePicture).resize(800,600,{fit:sharp.fit.inside,withoutEnlargement:true}).toFormat('webp').toBuffer().then(function(outputBuffer){fs.writeFile(`${__dirname}/img/3.webp`,outputBuffer,function(err){if(err){console.log(err);return;}console.log('done');})})
}//dealWithBuffer(basePicture);
//添加文字水印
function addText(basePicture,font,newFilePath)
{const {fontSize,text,color,left,top}=font;const textToSvgSync=textToSvg.loadSync();const attributes={fill:color};const options={fontSize,anchor:'top',attributes};const svgTextBuffer=Buffer.from(textToSvgSync.getSVG(text,options));//添加文字sharp(basePicture).composite([{input:svgTextBuffer,top,left}]).withMetadata()		// 在输出图像中包含来自输入图像的所有元数据(EXIF、XMP、IPTC)。.toFormat('webp')	//生成新的图片格式为webp.toFile(newFilePath)  .then(info=>{if(!!info){console.log('水印已经生成');}}).catch(err=>{console.log(err);})
}/*
addText(basePicture,{fontSize:24,text:'喜气洋洋',color:'white',left:200,top:200
},`${__dirname}/img/6.webp`);
*///添加图片水印,水印图片一定要小于原图
function addWatermark(basePicture,watermarkPicture,newFilePath)
{sharp(basePicture)//.rotate(180) //旋转180度.composite([{input:watermarkPicture,blend:'overlay',globalAlpha:0.5,left:50,top:50  }])//在左上坐标(10,10)位置添加水印图片,composite为合成图片.withMetadata().webp({quality:90}).toFile(newFilePath).then(result=>{if(result){console.log('水印已经添加');}}).catch(err=>{console.log(err);})sharp.cache(false);
}//dealWithStream('./img/300.jfif');
let waterPic=`${__dirname}/img/water.png`
addWatermark(basePicture,waterPic,'./img/7.webp');
http://www.ritt.cn/news/17781.html

相关文章:

  • 做微信小程序网站护肤品软文推广
  • wordpress做商城网站吗电脑培训学校排名
  • b2c的电子信息网站seo建站优化推广
  • 江苏宜安建设有限公司网站一手渠道推广平台
  • 做网站首页文件人民日报新闻
  • 建筑装饰网站模板软文营销的技巧
  • 广州专业做网站公司有哪些图片外链生成器
  • 重庆微信网站建设多少钱一天赚2000加微信
  • 做的网站底部应该标注什么常州网站建设优化
  • 免费咨询疾病的网站抖音推广方式有哪些
  • 网站开发建设成本搜索网站有哪些
  • apm搭建 wordpress短视频搜索seo
  • 邢台做wap网站找谁搜索引擎调词工具哪个好
  • 怎么用网站做文案网络推广员为什么做不长
  • 做环保工程常用的网站互联网怎么赚钱
  • 汽车app网站建设seo公司
  • h5小程序开发江苏seo平台
  • 上海高端网站开发篮网目前排名
  • 网站设计素材模板怎样做自己的网站
  • 成品网站好还是自助建站好百度搜索风云榜排名
  • 一般做网站所使用的字体中文网站排名
  • 公司企业网络推广百度seo推广优化
  • 建站公司还赚钱吗轻饮食网络推广方案
  • 郑州做网站的公司排名搜索引擎优化怎么做
  • 邯郸网站建设纵横建站seo是什么
  • 做游戏出租的网站好河北网站推广公司
  • 做设计学什么英语比较好的网站爱站网怎么用
  • 广东智慧团建网站登录每日新闻摘抄10一15字
  • 正规的网络赚钱方式新泰网站seo
  • 如何购买网站seo搜索优化服务