文件名称:maskable:在浏览器中创建和预览可屏蔽图标!
文件大小:928KB
文件格式:ZIP
更新时间:2024-02-26 09:16:43
pwa hacktoberfest masking adaptive-icons pwa-icons
Maskable.app 在浏览器中预览! 使Web开发人员可以指定一个完全出血的图标,该图标将由用户代理裁剪以匹配设备上的其他图标。 在Android上,这使开发人员可以摆脱图标周围的默认白色背景,并使用提供的整个空间。 测试可屏蔽图标很重要,以确保图标的重要区域在任何设备上和任何形状下均可见。 上载可屏蔽图标或将其拖放到,然后预览其在不同的Android启动器上的显示方式。 发展 安装依赖项: npm install 安装模块后,只需运行Web服务器即可。 感谢 ,不需要构建步骤即可测试程序。 要生成服务工作者,请运行npm run sw 。 发牌 该项目可根据MIT许可证获得
【文件预览】:
maskable-main
----css()
--------editor.css(3KB)
--------viewer.css(5KB)
----rollup.config.js(1KB)
----package.json(2KB)
----.github()
--------maskable-demo.gif(230KB)
--------workflows()
----manifest.json(1KB)
----tests()
--------editor()
--------viewer()
----index.html(13KB)
----workbox-config.js(374B)
----LICENSE(1KB)
----package-lock.json(420KB)
----src()
--------editor()
--------viewer()
--------missing-types.d.ts(365B)
----tsconfig.json(418B)
----toggle()
--------moon.svg(200B)
--------sun.svg(535B)
----.gitignore(92B)
----lib()
--------absolute-path.js(325B)
--------ignore.js(712B)
----editor.html(13KB)
----demo()
--------svgomg.svg(475B)
--------insightful-energy.svg(9KB)
--------color-breakdown.png(27KB)
--------proxx.png(43KB)
--------spec.svg(3KB)
--------big-island-buses.png(64KB)
----README.md(1KB)
----.editorconfig(144B)
----favicon()
--------favicon_196.png(14KB)
--------maskable.svg(2KB)
--------maskable_512.png(27KB)
--------editor.svg(894B)
--------logo.afdesign(105KB)
--------favicon.svg(2KB)
--------github_social.png(163KB)
--------favicon_16.png(2KB)
--------monochrome_256.png(11KB)
--------editor_192.png(3KB)
--------favicon_32.png(3KB)
--------favicon_512.png(34KB)
--------maskable.afdesign(80KB)
----tigeroakes.svg(2KB)