位置: 编程技术 - 正文

Node.js使用gm拼装sprite图片(nodejs拼接路径的方法)

编辑:rootadmin

推荐整理分享Node.js使用gm拼装sprite图片(nodejs拼接路径的方法),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:nodejs gm,nodejs gyp,nodejs拼接路径的方法,nodejs拼接路径的方法,nodejs package,node.js pkg,nodejs gm,nodejs gm,内容如对您有帮助,希望把文章链接给更多的朋友!

从设计图切图得到了个小图标,是按钮的两种状态,然后我就寻思着把他们拼成一张sprite图片.

之前用过gulp的sprite插件,但这次我不想搞的太隆重.拼图我知道有个很好用的命令行工具 GraphicsMagick 及配套的nodejs包gm

首先说下我要拼的图片,我打算将正常状态作为第1行,激活状态作为第2行.这样可以少计算一些background-position.

折腾过程比较痛苦,本来我打算看一下GraphicsMagick与gm的官方文档,结果好多生单词,最后还是放弃了.下面说答案吧:

总的来说有两种方法,

1.使用gm包的append+adjoin方法

这个方法有缺点,就是不能方便的排序成我想要的这种布局.用adjoin我实际上拼了3次图,才最终得到sprite.参考代码如下:

代码很初级.

2.使用GraphicsMagick自带的命令行工具

Node.js使用gm拼装sprite图片(nodejs拼接路径的方法)

是直接使用GraphicsMagick的命令行(安装后,即可在命令行里使用gm命令),但这里要注意:powershell中使用gm一直报错,需要用cmd并cd到对应目录.win自作聪明的用powershell默认代替cmd,结果连这种错误都没修复…

gm montage nav*_0.png nav*_1.png -tile 6x2 -geometry +0+0 rrr.png

可以看到我使用了 montage 方法,且分两次传入了图片(图片路径还支持glob表达式), 分两次传入图片路径可以保证先后顺序(因为我就是想拼两行啊).

简单讲一下montage,其中文表述即”蒙太奇”,高大上,但我们这里只用来拼图. 命令之后就是图片路径; 路径之后有个 `-tile` 参数, 用来指定图片的排列方式.6×2就是6列2行.这里有个技巧,如果你想让所有图片排成一行,可以这样 `-tile x1`,即不管列数,只限制为1行,反之, `-tile 1x`则表示只要1列不管有多少行.

-tile参数后是-geometry参数. 其默认值是'×>+4+3′,表示”每张小图的最大尺寸是×,大于此尺寸的会被缩放(小于的不会放大),图片之间的间隔是横向4纵向3″.

-geometry的参数是按需传的,比如我传的只是+0+0,表示不限制每张图的大小,图片间距为0.

最后一个参数,就是输出拼图结果到rrr.png了.

搞懂这些参数后, 下面的由本方法衍生出来的方法就好理解了.

3.使用gm包执行GraphicsMagick命令行

gm包本身十分强大,但它也提供了生成命令并执行的接口.如上面的命令行, 用gm包可以这么写:

与直接使用命令行是一样的效果.但这样写成js文件后,下次要用或要发给别人用都更方便了.

详解node如何让一个端口同时支持https与http 众所周知node是一个高性能的web服务器,使用它可以很简单的创建一个http或https的服务器。比如一个很简单的http服务器:varhttp=require('http');varhttps=require('

详解HTTPS 的原理和 NodeJS 的实现 基本原理HTTP协议采用明文传输数据,当涉及敏感信息的传送时,极有可能会受到窃听或者中间人的攻击。HTTPS是HTTP与SSL/TLS的组合,即使用加密通讯以及

nodejs模块学习之connect解析 nodejs发展很快,从npm上面的包托管数量就可以看出来。不过从另一方面来看,也是反映了nodejs的基础不稳固,需要开发者创造大量的轮子来解决现实的

标签: nodejs拼接路径的方法

本文链接地址:https://www.jiuchutong.com/biancheng/382133.html 转载请保留说明!

上一篇:mac上node.js环境的安装测试(mac安装nodejs的权限问题)

下一篇:详解node如何让一个端口同时支持https与http(node使用)

  • 关税完税价格是离岸价还是到岸价
  • 租赁收入缴纳个人所得税
  • 小企业外币交易的类型有哪些
  • 公司承担的社保可以税前扣除吗
  • 土地出让金返还的禁止性规定
  • 由受托方提供原料和主要材料,受托方给我们开什么发票
  • 利息支出没有发票怎么做账
  • 小企业所得税申报流程
  • 施工单位给你钱敢领吗
  • 子公司向母公司借款对合并报表的影响
  • 进项税额转出需要发票吗
  • 国税能代开什么费用的发票?
  • 利税总额为负数如何表述出来
  • 小型微利企业所得税优惠政策2023
  • 进项税和销项税税率一样吗
  • 未及时申报个税的理由
  • 原材料费用的分配
  • 电梯维修公司发展前景
  • 打开我的电脑提示该文件没有与之
  • 公司员工差旅费报销制度
  • php的数组函数
  • 关闭win10系统更新有什么后果
  • 鸿蒙系统怎么开启OTG
  • ahqinit.exe是什么进程 ahqinit是安全的进程吗
  • 怎么提升电脑速度
  • mcdlc.exe - mcdlc是什么进程文件 有何作用
  • 为什么把收入进行舞弊假定
  • php的数组函数
  • 增值税专用发票有几联?
  • csrss是什么程序
  • PHP:GregorianToJD()的用法_日历函数
  • 公允价值变动损益在利润表哪里
  • 基于thinkphp的cms
  • php文件用什么运行
  • 孪生神经网络 计算相似度
  • vuex状态丢失
  • php 短信验证码
  • 如何在织梦中设置图片加文字
  • 增值税专用发票和普通发票的区别
  • 10万销售额是含税还是不含税
  • sqlserver数据库安装步骤
  • 综合所得算税公式
  • mysql官方性能报告
  • 补计提去年所得税会影响当月资产
  • 实收资本核算内容是什么
  • 酒店的布草怎么铺
  • 加油站汽油损耗分析
  • 超市发票报销一般写什么明细
  • 现代服务业如何提高服务的效率和质量
  • 固定资产有尾款怎么入账
  • 租房发票如何做分录
  • 多计提的税款会计处理
  • 小企业会计怎么做账
  • win8打开桌面
  • centos7升级内核后 无法启动
  • bios密码忘记了要怎么重置
  • 电脑的技巧
  • 深入了解XP中“最后一次正确配置”功能
  • xp怎么安装iis
  • swupdtmr.exe - swupdtmr进程是什么意思 什么作用
  • win7怎么自启动程序
  • window10重置和做系统的区别
  • win8适用的pr
  • linux修改时间和日期的方法
  • linux分区顺序详解
  • Cocos2d唯一死敌的崛起,OGEngine来了
  • 网页制作颜色搭配
  • perl语言基本命令
  • bootstrap要学吗
  • jquery日期控件onchange事件
  • 批处理计算的特点
  • 地盘正针的详解使用
  • 浏览器窗口上线怎么办
  • unity study
  • webview设置ua
  • 税务局 笔录
  • 土地增值税鉴证业务的流程
  • 自然人电子税务局怎么设置申报密码
  • 停车票日期在哪里
  • 河北社保网上申报时间
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设