javascript - 无法显示此 svg 图标

标签 javascript html css svg

我有这个 svg 图标,但根本没有显示在页面上。 我需要将其放大 50x50 像素,我在这里做错了什么。

<svg width="50px" height="50px" version="1.1" xmlns="http://www.w3.org/2000/svg" data-radium="true"><path fill="red" d="M505.403 406.394L295.389 58.102c-8.274-13.721-23.367-22.245-39.39-22.245s-31.116 8.524-39.391 22.246L6.595 406.394c-8.551 14.182-8.804 31.95-.661 46.37 8.145 14.42 23.491 23.378 40.051 23.378h420.028c16.56 0 31.907-8.958 40.052-23.379 8.143-14.421 7.89-32.189-.662-46.369zm-28.364 29.978a12.684 12.684 0 0 1-11.026 6.436H45.985a12.68 12.68 0 0 1-11.025-6.435 12.683 12.683 0 0 1 .181-12.765L245.156 75.316A12.732 12.732 0 0 1 256 69.192c4.41 0 8.565 2.347 10.843 6.124l210.013 348.292a12.677 12.677 0 0 1 .183 12.764z"></path><path fill="red" d="M256.154 173.005c-12.68 0-22.576 6.804-22.576 18.866 0 36.802 4.329 89.686 4.329 126.489.001 9.587 8.352 13.607 18.248 13.607 7.422 0 17.937-4.02 17.937-13.607 0-36.802 4.329-89.686 4.329-126.489 0-12.061-10.205-18.866-22.267-18.866zM256.465 353.306c-13.607 0-23.814 10.824-23.814 23.814 0 12.68 10.206 23.814 23.814 23.814 12.68 0 23.505-11.134 23.505-23.814 0-12.99-10.826-23.814-23.505-23.814z"></path></svg>

最佳答案

你缺少 View 框

<svg width="50px" height="50px"  viewBox="0 0 510 510" version="1.1" xmlns="http://www.w3.org/2000/svg" data-radium="true"><path fill="red" d="M505.403 406.394L295.389 58.102c-8.274-13.721-23.367-22.245-39.39-22.245s-31.116 8.524-39.391 22.246L6.595 406.394c-8.551 14.182-8.804 31.95-.661 46.37 8.145 14.42 23.491 23.378 40.051 23.378h420.028c16.56 0 31.907-8.958 40.052-23.379 8.143-14.421 7.89-32.189-.662-46.369zm-28.364 29.978a12.684 12.684 0 0 1-11.026 6.436H45.985a12.68 12.68 0 0 1-11.025-6.435 12.683 12.683 0 0 1 .181-12.765L245.156 75.316A12.732 12.732 0 0 1 256 69.192c4.41 0 8.565 2.347 10.843 6.124l210.013 348.292a12.677 12.677 0 0 1 .183 12.764z"></path><path fill="red" d="M256.154 173.005c-12.68 0-22.576 6.804-22.576 18.866 0 36.802 4.329 89.686 4.329 126.489.001 9.587 8.352 13.607 18.248 13.607 7.422 0 17.937-4.02 17.937-13.607 0-36.802 4.329-89.686 4.329-126.489 0-12.061-10.205-18.866-22.267-18.866zM256.465 353.306c-13.607 0-23.814 10.824-23.814 23.814 0 12.68 10.206 23.814 23.814 23.814 12.68 0 23.505-11.134 23.505-23.814 0-12.99-10.826-23.814-23.505-23.814z"></path></svg>

关于javascript - 无法显示此 svg 图标,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48743206/

相关文章:

javascript - 从列表中获取所有 id

javascript - Highcharts 显示当图表放大时悬停在图表区域外的线上的点

html - 除非我 float ,否则 firefox 不显示背景图像

html - 我的宽度计算与像素不匹配

html - 我可以在与其 DD 相同的行上渲染 DT 吗?

javascript - 使用引用字段更新 contentful 中的条目

javascript - 使边框图像与渐变一起使用

Javascript 正则表达式文件类型使 chrome 崩溃

javascript - gulp compass 创建一个不需要的文件而不是仅使用流

html - CSS - 元素定位(绝对页眉、正文、固定页脚)