一个有趣的小工具站：看你跟明星、动漫角色的身高对比

最近闲来无事，创建了一个小工具网站：身高比对网站CompareHeights.org 。因为我本身也是动漫迷，经常看动漫。经常会想如果把我自己跟喜欢的动漫角色身高对比会是什么样的。所以就有了这么一个小工具，它的主要功能很简单：允许你跟各种明星、动漫角色、动物、植物、各种物体等等进行身高对比，创建精美的可视化对比图。技术栈

使用的主要技术栈是：nextjs+typescript+tailwind+supabase其中最核心的角色对比展示图表主要是基于react组件来实现的，react中的状态管理机制对于各种鼠标事件的监听、元素的显示隐藏、状态切换等都提供了很好的基础支撑，所以实现起来相对不算太难。简介

CompareHeights.org 是一个专注于身高对比的在线工具，支持比较任意数量的人物、明星、动漫角色、动物、植物、建筑物等各种对象的高度，同时支持上传自定义角色图片。可以自由添加角色，设置身高、名称、颜色等属性，自由排布角色、缩放，一键生成精美的对比图，并且支持一键分享，与朋友分享乐趣，非常适合用于教育演示、内容创作、社交分享等场景。效果展示

放几张CompareHeights.org生成的对比图，还挺有趣的。

来源：程序园用户自行投稿发布，如果侵权，请联系站长删除
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！