最近折腾 UI 老要用到 iOS 那种 squircle(超椭圆)圆角——就是比普通 border-radius 更顺滑、苹果 App 图标那种形状。网上现成工具要么只 能导固定形状,要么要登录,干脆自己写了一个。 地址: https://squirclegenerator.com (纯前端,不用注册,不上传任何东西) 能做的: 拖滑块调宽、高、圆角平滑度(其实就是超椭圆的指数 n) 实时预览 + 选颜色 一键复制 CSS clip-path ,或下载像素级精确的 SVG 带了几个预设:iOS 应用图标、按钮、卡片、头像 实现就是超椭圆公式 |x/a|^n + |y/b|^n = 1 采样生成路径,clip-path 和 SVG 两种输出,整站纯静态零构建。 主要自己用着方便,顺手分享。有不好用或者想加的功能,欢迎拍砖 🙏
本次灵感来自 @is_hp 重生之我在L站做张飞 搞七捻三 @StellaFortuna 少问，你就说高不高级吧 灵感来源：某*YU7的天际屏歌词显示 我们选择了我喜欢的周深浮光一曲 结合豆包专家给的意象 全新设计的视觉效果以及动效(动效是我自己原创 ) 最终效果: 两个冷知识: 长按下载上面的图片，在高级文件管理器(比如手机上的mt管理器)中可打开查看它的代码~ 在gas中，你上传的一切东西都是它最终可被环境渲染的样子，而不是代码(Txt的最终样子还是txt~) 所以你上传svg给他，他只能看到图片，不知道代码 主要由哈基米3.1p完成 这个实在太复杂了，代码写了6万字符 期间遇到了无数错误 3.5f目前来说真的很多地方还不如3.1p 但是他俩对上下文都保持的还不错，这6万的代码谁改都一样，不会错误的删点东西~ 2 个帖子 - 2 位参与者 阅读完整话题
可选设计规范和配色方案 支持导出 html 支持导出 svg 图标 支持配置主流大模型 完全本地化运行 我测试用的 deepseek 效果还不错 还很省钱😉 已提交 github 暂时还没公开 再优化一些细节近期会公开 大家有什么需求或想法 可以评论区交流
可选设计规范和配色方案 支持导出 html 支持导出 svg 图标 支持配置主流大模型 完全本地化运行 我测试用的 deepseek 效果还不错 还很省钱😉 已提交 github 暂时还没公开 再优化一些细节近期会公开 大家有什么需求或想法 可以评论区交流
一 天气卡片 提示词： 🎉大家测试一下这个天气卡片提示 你是一位就职于苹果公司的顶级前端工程师。请创建一个包含CSS和JavaScript的HTML文件，用于生成动画天气卡片。卡片需要以不同动画效果直观展示以下天气状况： 风力（如：飘动的云朵、摇曳的树木或风线） 降雨（如：下落的雨滴、形成的水洼） 晴天（如：闪耀的光线、明亮的背景） 下雪（如：飘落的雪花、积雪效果） 所有天气卡片需要并排显示，背景采用深色设计。所有HTML、CSS和JavaScript代码都需包含在这个单一文件中。JavaScript部分需包含切换不同天气状态的功能（例如通过函数或按钮组），以演示每种天气的动画效果。 将前端显示效果优化得更精致流畅，打造出价值20元/月的精品天气应用既视感。 效果： 二 红绿色盲 一个用来测试AI的最新问题（涉及数学、生物、伦理） 题干部分： 有一天，一个女孩参加数学考试只得了 38 分。她心里对父亲的惩罚充满恐惧，于是偷偷把分数改成了 88 分。她的父亲看到试卷后，怒发冲冠，狠狠地给了她一巴掌，怒吼道：“你这 8 怎么一半是绿的一半是红的，你以为我是傻子吗？”女孩被打后，委屈地哭了起来，什么也没说。 过了一会儿，父亲突然崩溃了 问题： 没看出来说是 三 SVG植物生长动画 nianzhibai: Build a single-file HTML/CSS/JS (no libs) demo that uses SVG to simulate a plant growing: stem extends, leaves sprout + unfurl with springy/windy “physics”, then seamlessly loops forever. 倒是能晃然而没有枝干了 代码 （点击了解更多详细信息） 佬们想测啥快来说说，有空都会测的 10 个帖子 - 8 位参与者 阅读完整话题
鹈鹕测试： 3.7 max 这个结果已经很理想了，svg画出来的空间位置都对，计算能力尚可 3.6 max（幽默）： 就是qwen没什么便宜的api用，max模型又只上百炼，只为了qwen买它的coding plan也不值得 什么时候把价格打到和deepseek一样再说吧 1 个帖子 - 1 位参与者 阅读完整话题
flash 3.5 画的 蒙娜丽莎在喝奶茶，相当惊艳！ 1 个帖子 - 1 位参与者 阅读完整话题
svg有巨大提升 4 个帖子 - 3 位参与者 阅读完整话题
上面这个位图，不清晰 告诉gemini：请按所给图片绘制矢量图，按svg文件格式输出 几乎原样地输出svg格式： 3 个帖子 - 3 位参与者 阅读完整话题
如题，我这2024用标小智印章生成器生成了一个“亿方运维”的LOGO，大概就是类似方形阴刻印章那种，就是这个网址 亿方运维印章在线生成器；电子公章印章制作工具 - 标小智 点进去以后，输入亿方运维的第一个图标。 但是我2024年忘了咋搞的保存下来了，是位图。后来品牌做起来了，可是我最近在做WordPress网站，想把矢量图保存下来。试着用PS做，做不好，可能是我不太会用。inkscape不好用，用DeepSeek生成svg（这个印章字体是叫微米简书）又和已有的logo有出入，所以想问问各位大佬有啥办法能拿到这玩意的原始SVG吗？我F12审查元素搞了一个，用DeepSeek改成SVG格式，但是感觉太小了，也不能居中，挺麻烦的。听说GPT Image能生成PSD工程文件了，我这免费账号不行，求问各位有啥办法把这玩意转成工程文件？感谢 2 个帖子 - 2 位参与者 阅读完整话题
自己用figma画了一个svg，不过外站链接非白名单是不是不显示 我看有的佬的小尾巴地址是 https://cdn3.ldstatic.com/ 这是图床链接嘛，能否把自己的图上传上去？ 3 个帖子 - 2 位参与者 阅读完整话题
chatgpt 对话过程中可以生成一些类似 .zip 文件和 .svg 文件，拿到的地址都是 /mnt/data 沙箱地址，但是这种没法把文件提取出来啊 有大神懂这个吗，实在没辙了😄
chatgpt 对话过程中可以生成一些类似 .zip 文件和 .svg 文件，拿到的地址都是 /mnt/data 沙箱地址，但是这种没法把文件提取出来啊 有大神懂这个吗，实在没辙了😄
chatgpt 对话过程中可以生成一些类似 .zip 文件和 .svg 文件，拿到的地址都是 /mnt/data 沙箱地址，但是这种没法把文件提取出来啊 有大神懂这个吗，实在没辙了😄
chatgpt 对话过程中可以生成一些类似 .zip 文件和 .svg 文件，拿到的地址都是 /mnt/data 沙箱地址，但是这种没法把文件提取出来啊 有大神懂这个吗，实在没辙了😄
chatgpt 对话过程中可以生成一些类似 .zip 文件和 .svg 文件，拿到的地址都是 /mnt/data 沙箱地址，但是这种没法把文件提取出来啊 有大神懂这个吗，实在没辙了😄
chatgpt 对话过程中可以生成一些类似 .zip 文件和 .svg 文件，拿到的地址都是 /mnt/data 沙箱地址，但是这种没法把文件提取出来啊 有大神懂这个吗，实在没辙了😄
最近生图自由之后，尝试将之前svg绘制的skill转换用image绘制，但是试了一下绘制一个大的流程图发现总是会有部分小文本框内中文乱码 多次修改size（4k横板）和quality（high）也没有办法解决，佬友们还有焚决吗 5 个帖子 - 4 位参与者 阅读完整话题
大家好，分享一个最近做的小工具： https://svgconverter.cloud 现在很多 AI 生图工具已经很好用了，比如生成 Logo 、图标、插图、贴纸、头像素材等等。但我们自己在使用过程中经常遇到一个问题：生成出来的图片通常还是 PNG / JPG / WebP ，后续如果想放大、改颜色、放进设计工具里继续编辑，就会比较麻烦。 尤其是 Logo 、图标、简单插画这类素材，很多时候其实更适合用 SVG 。SVG 可以无限缩放，也更方便在 Figma 、Illustrator 、网页项目里继续处理。 所以我们做了一个图片转 SVG 的工具，主要想解决几个场景： 把 AI 生成的 Logo 转成 SVG 把 PNG / JPG / WebP 图标转成可缩放矢量图 把简单插图、线稿、图形素材转成更方便编辑的格式 用于网页、设计稿、品牌素材、Cricut / cutting 等场景 这个工具最开始也是为了解决我们自己的实际需求：AI 生成了一些图形素材，但后面想继续修改、放大或者用于网页时，发现 raster 图片不够方便，于是就做了这个转换流程。 目前支持： PNG to SVG JPG / JPEG to SVG WebP to SVG SVG to PNG 欢迎大家试用，也欢迎反馈哪些图片类型转换效果不好，或者你们希望增加什么功能。 工具地址： https://svgconverter.cloud 如果你平时也会用 AI 做 Logo 、图标或者插图，应该会比较容易遇到这个痛点。期待大家的建议。
大家好，分享一个最近做的小工具： https://svgconverter.cloud 现在很多 AI 生图工具已经很好用了，比如生成 Logo 、图标、插图、贴纸、头像素材等等。但我们自己在使用过程中经常遇到一个问题：生成出来的图片通常还是 PNG / JPG / WebP ，后续如果想放大、改颜色、放进设计工具里继续编辑，就会比较麻烦。 尤其是 Logo 、图标、简单插画这类素材，很多时候其实更适合用 SVG 。SVG 可以无限缩放，也更方便在 Figma 、Illustrator 、网页项目里继续处理。 所以我们做了一个图片转 SVG 的工具，主要想解决几个场景： 把 AI 生成的 Logo 转成 SVG 把 PNG / JPG / WebP 图标转成可缩放矢量图 把简单插图、线稿、图形素材转成更方便编辑的格式 用于网页、设计稿、品牌素材、Cricut / cutting 等场景 这个工具最开始也是为了解决我们自己的实际需求：AI 生成了一些图形素材，但后面想继续修改、放大或者用于网页时，发现 raster 图片不够方便，于是就做了这个转换流程。 目前支持： PNG to SVG JPG / JPEG to SVG WebP to SVG SVG to PNG 欢迎大家试用，也欢迎反馈哪些图片类型转换效果不好，或者你们希望增加什么功能。 工具地址： https://svgconverter.cloud 如果你平时也会用 AI 做 Logo 、图标或者插图，应该会比较容易遇到这个痛点。期待大家的建议。