首页
学习
活动
专区
圈层
工具
发布

教大家手搓九宫格切割工具,记得收藏!

很多同学喜欢别人朋友圈发的九宫格图片,不知道他们用的是什么工具。

今天我教同学们亲手自己搓一个九宫格图片切割工具,操作流程简单,人人都能学会!

首先我们打开任一ai工具,我用的是kimi工具。大家也可以使用其他趁手的ai工具。

在需求框中输入“你是一名程序员,请你设计一款适合发朋友圈的九宫格切图工具,html单页版本。工具风格年轻化,富有活力。”,然后提交ai自动生成代码。

代码生成需要几分钟的时间,这个间隙我们可以做爱做的事情,填补这个时间浪费的时间。

我打开日历一看,这光阴没有刻度,密密麻麻每张都写着“趁早”“抓紧”几个字。我横竖睡不着,仔细看了半夜,才从字缝里看出字来,满本都写着两个字——“吃人”!哦,不,是“此刻”!

代码生成后,返回代码最上方,会显示预览按钮,可以点击预览按钮查看是否符合预期。

如果没有问题,我们将代码复制,然后在桌面右键新建文本文档,重命名为index.html。将代码粘贴进去。

快捷键ctrl+s保存文件,右键open in browser在浏览器打开预览效果。

如果风格没有问题,即可拖拽或者上传文件,进行图片分割。

我这里上传了一张很有年轻活力的头像图片作为切割对象。

点击开始切图,只需要不到一秒钟的时间,九宫格图片就已经切好了。我们点击打包下载所有图片按钮,对切割好的图片进行保存。

保存时是分别将9张图片一次下载到本地电脑中的,我们来预览一下我切割的图片成果。

操作到这里,九宫格图片就已经切割完成了我们将图片发送到手机进行上传发表朋友圈即可。

总结本次使用到的工具:kimi+Sublime Text。如果你有域名和网址也可以上传到服务器,在线使用。

  • 发表于:
  • 原文链接https://page.om.qq.com/page/OaQnEPDPmhc655ppiyc3oKSw0
  • 腾讯「腾讯云开发者社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 cloudcommunity@tencent.com 删除。

相关快讯

领券