vue3 纯前端如何生成 icns 格式图片?

1 天前
 jadelike

如题,我现在在做一个项目,我是 Windows ,技术栈是 VITE+VUE3+TS ,上传也没用后端,直接生成 blob 格式链接,(只让上传 svg 格式图片)如:blob:http://localhost:5173/0c4ef255-bec5-4377-9596-45a5a4d5501e

我现在已经实现了转换 png 和 ico 格式图片,但转换 icns 一直没找到如何实现,找到一个 png2icons ,但一直有莫名其妙的报错,我试了好久也不行,特来求助了

简单附一下我转换的代码

console.log("Processing images...:", props.uploadedImage);
    // blob:http://localhost:5173/0c4ef255-bec5-4377-9596-45a5a4d5501e
    const image = await loadImage(props.uploadedImage);
    const smallImage: any = await resizeImage(image, 32, 32, "png"); // 调整为输出 png 格式
552 次点击
所在节点    Vue.js
5 条回复
ltaoo1o
1 天前
png2icons 是可以的,要改一下源码,可以看看我这个项目

https://github.com/ltaoo/AppIconsHelper
MRG0
1 天前
其实是一个 js 问题,和 vue 没关系吧
shadowyue
1 天前
png2icons 当然不行了,你要纯前端,我瞅了一眼,这个库是运行在 node 环境的。
duan602728596
1 天前
我转 icns 用的 @fiahfy/icns ,可以看看
Plumbiu
1 天前
https://github.com/vercel/satori ,vercel 的,可以直接把 img 标签转化为 svg

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/1103248

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX