夜雨聆风学习资料网

ARTICLE · 1000791

数线图不用手画了 我让 AI 写了个工具

数线图不用手画了 我让 AI 写了个工具

经历了做万以内的数的练习,要画几条数线,百万级、亿级,线上还得标中文数字,有些位置要留填空括号。以前只能哪里照搬图片,自己画,真不知道用什么软件,用什么方式画,只能放弃。

现在我尝试按自己的想法,把任务一句一句说给 AI 听,它替我把工具一点点长出来。

我打给 AI 的提示词,一步步晒出来:

步骤
我的提示词(原话)
AI 的相应操作
1
生成一份html文件,可以生成图中的数线图,图上可以增添,编辑数字,最后可以导出黑白线条图
生成单文件 HTML,用 Canvas 画数线,支持多行、点空白处加数字、导出黑白 PNG。初版带了百万级亿级模板。
2
刻度线缩短到原来的四分之一,只展示在线的上方。取消各个数线模版。
刻度线改为只画线上方、长度缩到 1/4,删掉所有数线预设和按钮。
3
在刻度线中间增加小刻度线的功能,箭头前一个刻度线不要与箭头靠拢
在相邻大刻度间加小刻度线,箭头前留 18 像素间隙,刻度不再贴着箭头。
4
小刻度线增加到10条,左侧线条再延长一点,不要正好在刻度线处
小刻度上限提到 10,基线左端延长一截,不正好落在第一个刻度。
5
最左侧刻度线上固定圆点取消,增加功能:可以在任意刻度线上添加或者删除小圆点
去掉固定圆点,改成点任意刻度线切换圆点,悬停显示蓝色圆环提示。
6
数字字体调整大一些
标签字体从 15px 调到 18px,上下位置微调。
7
增加功能:在小刻度处也可以添加文字
重构热区机制,给小刻度也加上点击加文字的功能。
8
小刻度增加箭头指向图标,并添加标签
小刻度文字加圆角框和黑色箭头指向该点。
9
有方框,有括号,不美观,方框可以不显示
去掉方框,只留文字和箭头指向。

前后对比

以前:画竖线一筹莫展。

现在:打开网页,点几下就加数字、加小刻度、留填空,哪里不对改一句提示词。导出黑白图直接打印,教具随时能换。

界面展示:

个别成品展示:

应用题型展示:

小白真实感受

AI 最像的,是个肯手把手教你的同事,从没说过你这都不懂。

如果你也常被一件小事卡住,从它开始,不用先学编程,把任务说清就行。回复“111”告诉我你也对这个小工具感兴趣,我将这个工具提炼出详细提示词分享给大家,希望对大家有帮助。

相关学习资料

返回首页浏览学习资料