gpt4 book ai didi

node.js - 如何在 Node 中使用国家标志并使用react

转载 作者:太空宇宙 更新时间:2023-11-04 01:30:03 26 4
gpt4 key购买 nike

我正在研究https://github.com/hjnilsson/country-flags

基本上指令只是说npm install --save svg-country-flags

我做到了,但我不知道如何在 react 中显示正确的标志,甚至标记或渲染方法上的大小。

文档甚至提供了这个:http://hjnilsson.github.io/country-flags/

通常有某种 HTML/CSS,如 <span className="icon au"></span>像这样,但没有进一步的文档。有什么想法吗?

最佳答案

存储库提供“SVGPNG格式的所有世界标志”。这意味着它只是方便格式的图像集合。它还提供了根据需要将图像大小调整为特定尺寸的功能。

要使用它,请按照您指定的方式安装存储库

npm install svg-country-flags --save

然后它将下载存储库并将 SVG 和 PNG 存储在 node_modules/svg-country-flags/

要按原样使用它,您只需包含一个使用标准 img 元素的标志即可。

<!doctype html>

<html lang="en">
<head>
<meta charset="utf-8">
<title>Example using svg-country-flags</title>
</head>

<body>
<img src="node_modules/svg-country-flags/svg/no.svg" height="50px" width="50px" title="Norwegian flag" />
</body>
</html>

如果您需要特定尺寸的图像,read the documentation至于如何做到这一点。

关于node.js - 如何在 Node 中使用国家标志并使用react,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56404985/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com