朋友们好，最近创建了一个小工具网站：身高比对网站CompareHeights.org 。
因为我本身也是动漫迷，经常看动漫。经常会想如果把我自己跟喜欢的动漫角色身高对比会是什么样的。
所以就有了这么一个小工具，它的主要功能很简单：允许你跟各种明星、动漫角色、动物、植物、各种物体等等进行身高对比，创建精美的可视化对比图。
技术栈
使用的主要技术栈是：nextjs+typescript+tailwind+supabase
其中最核心的角色对比展示图表主要是基于react组件来实现的，react中的状态管理机制对于各种鼠标事件的监听、元素的显示隐藏、状态切换等都提供了很好的基础支撑，所以实现起来相对不算太难。
简介
CompareHeights.org 是一个专注于身高对比的在线工具，支持比较任意数量的人物、明星、动漫角色、动物、植物、建筑物等各种对象的高度，同时支持上传自定义角色图片。可以自由添加角色，设置身高、名称、颜色等属性，自由排布角色、缩放，一键生成精美的对比图，并且支持一键分享，与朋友分享乐趣，非常适合用于教育演示、内容创作、社交分享等场景。
本文来自投稿，不代表独立开发前线立场，如若转载，请注明出处：https://91wink.com/%e4%b8%80%e4%b8%aa%e6%9c%89%e8%b6%a3%e7%9a%84%e5%b0%8f%e5%b7%a5%e5%85%b7%e7%ab%99%ef%bc%9a%e7%9c%8b%e4%bd%a0%e8%b7%9f%e6%98%8e%e6%98%9f%e3%80%81%e5%8a%a8%e6%bc%ab%e8%a7%92%e8%89%b2%e7%9a%84%e8%ba%ab/
