react-badges:制作自定义徽章,使用 reactjs 构建

时间:2024-07-11 02:11:55
【文件属性】:

文件名称:react-badges:制作自定义徽章,使用 reactjs 构建

文件大小:4KB

文件格式:ZIP

更新时间:2024-07-11 02:11:55

HTML

徽章 我认为制作类似于 github 徽章的徽章会很有趣,但是我想说什么就说什么:) 所以我从 ... gemnasium 中获取了 SVG 版本,我想,然后开始工作。 你可以! 有趣的部分是: 您可以在浏览器中从 SVG 转为 PNG: 从 SVG ( ) 创建数据 URI 使用该数据 URI 为src ( ) 创建一个图像标记 图像加载后,将其写入画布( ) 然后从画布( )获取新的数据 URI(对于 PNG) 在生成数据 URI ( ) 之前,您必须转义 SVG React 不支持 SVG 的某些部分,因此我必须手动将它们放入 ( ) SVG 实际上是隐藏的——它只是用作生成 PNG ( ) 的参考


【文件预览】:
react-badges-gh-pages
----index.html(11KB)
----readme.md(1KB)

网友评论