V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
jadelike
V2EX  ›  Vue.js

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

  •  
  •   jadelike · 1 天前 · 535 次点击

    如题,我现在在做一个项目,我是 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 格式
    
    5 条回复    2025-01-07 21:51:38 +08:00
    ltaoo1o
        1
    ltaoo1o  
       1 天前
    png2icons 是可以的,要改一下源码,可以看看我这个项目

    https://github.com/ltaoo/AppIconsHelper
    MRG0
        2
    MRG0  
       1 天前
    其实是一个 js 问题,和 vue 没关系吧
    shadowyue
        3
    shadowyue  
       1 天前
    png2icons 当然不行了,你要纯前端,我瞅了一眼,这个库是运行在 node 环境的。
    duan602728596
        4
    duan602728596  
       1 天前
    我转 icns 用的 @fiahfy/icns ,可以看看
    Plumbiu
        5
    Plumbiu  
       1 天前
    https://github.com/vercel/satori ,vercel 的,可以直接把 img 标签转化为 svg
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2909 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 20ms · UTC 14:50 · PVG 22:50 · LAX 06:50 · JFK 09:50
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.