动态svg favicon？

作者：Life一切安好 | 2023-06-27 20:50

如何解决《动态svgfavicon？》经验，为你挑选了2个好方法。

我有一个SVG图标.我想用不同的颜色作为favicon.

由于SVG元素没有任何toDataUrl(),因此我没有看到不涉及服务器的解决方案.

客户端解决方案的任何想法？

1> Ionuț G. Sta..：

fabric.js支持将SVG元素呈现为canvas元素.

@JoshH是的,所以使用fabric.js,在`canvas`元素中渲染给定的SVG,然后将图像导出为数据URL并将其用作favicon URL.

2> Erik Dahlstr..：

这不完全是您所要求的,但这是一个测试浏览器中对svg favicons的支持的页面.

如果浏览器支持svg作为favicon,那么从svg标记生成数据URL并使用它是微不足道的.但是,如果你想要一个光栅图像(png,jpg),那么,看看画布解决方案.有些人甚至在favicon中制作游戏 ......

推荐阅读

程序员
使用不带web.xml的Spring(Boot)配置CAS

如何解决《使用不带web.xml的Spring(Boot)配置CAS》经验，为你挑选了1个好方法。 ... [详细]
程序员
这些Ruby版本中存在`heroku'命令:

如何解决《这些Ruby版本中存在`heroku'命令:》经验，为你挑选了1个好方法。 ... [详细]
程序员
as(x,'double')和as.double(x)不一致

如何解决《as(x,'double')和as.double(x)不一致》经验，为你挑选了1个好方法。 ... [详细]
程序员
如何"施放"联盟类型榆树

如何解决《如何"施放"联盟类型榆树》经验，为你挑选了1个好方法。 ... [详细]
程序员
Visual Studio 2015隐藏错误列表中的Javascript错误

如何解决《VisualStudio2015隐藏错误列表中的Javascript错误》经验，为你挑选了0个好方法。 ... [详细]
程序员
通过LAN托管Socket.io服务器

如何解决《通过LAN托管Socket.io服务器》经验，为你挑选了1个好方法。 ... [详细]
程序员
控制器启动两次

如何解决《控制器启动两次》经验，为你挑选了1个好方法。 ... [详细]
程序员
如何选择功能名称？

如何解决《如何选择功能名称？》经验，为你挑选了1个好方法。 ... [详细]
程序员
水平/垂直线图

如何解决《水平/垂直线图》经验，为你挑选了2个好方法。 ... [详细]
程序员
python逻辑回归(初学者)

如何解决《python逻辑回归(初学者)》经验，为你挑选了1个好方法。 ... [详细]
程序员
使用C++将结构复制到数组中

如何解决《使用C++将结构复制到数组中》经验，为你挑选了1个好方法。 ... [详细]
程序员
如何从方法中打印指针的值？

如何解决《如何从方法中打印指针的值？》经验，为你挑选了1个好方法。 ... [详细]
程序员
在C中安全二进制搜索

如何解决《在C中安全二进制搜索》经验，为你挑选了1个好方法。 ... [详细]
程序员
匹配列表后修复类型擦除

如何解决《匹配列表后修复类型擦除》经验，为你挑选了1个好方法。 ... [详细]
程序员
Object.wait()超过了超时

如何解决《Object.wait()超过了超时》经验，为你挑选了1个好方法。 ... [详细]
程序员
强制SQL Server查询不返回任何行

如何解决《强制SQLServer查询不返回任何行》经验，为你挑选了1个好方法。 ... [详细]
程序员
如何从COBOL中的COMP-3字段读取Java中的日期？

如何解决《如何从COBOL中的COMP-3字段读取Java中的日期？》经验，为你挑选了1个好方法。 ... [详细]
程序员
WinSCP .NET程序集:如何下载目录

如何解决《WinSCP.NET程序集:如何下载目录》经验，为你挑选了0个好方法。 ... [详细]
程序员
确定最大开放空间的高效算法

如何解决《确定最大开放空间的高效算法》经验，为你挑选了1个好方法。 ... [详细]
程序员
如果孩子的总数是偶数,如何将样式添加到倒数第二？

如何解决《如果孩子的总数是偶数,如何将样式添加到倒数第二？》经验，为你挑选了2个好方法。 ... [详细]

Life一切安好

这个屌丝很懒，什么也没留下！

关注作者

Tags | 热门标签

RankList | 热门文章