i8k 最近的时间轴更新 i8k 最近的时间轴更新 |
i8kV2EX 第 585989 号会员，加入于 2022-06-26 01:20:44 +08:00今日活跃度排名 3911 |
| svg 图标在网页上锯齿状明显 问与答 • i8k • 8 天前 • 最后回复来自 i8k | 2 |
| 腾讯云违规被限制之后，还可以解封吗？ 问与答 • i8k • 2022-12-31 11:25:02 AM • 最后回复来自 i8k | 10 |
| 求推荐一个 windows 下图片批处理软件 问与答 • i8k • 2022-12-30 12:09:03 PM • 最后回复来自 woshinide300yuan | 19 |
| 出一个域名 i8k.tv 域名 • i8k • 2022-09-18 23:32:26 PM |
i8k 最近回复了
8 天前 回复了 i8k 创建的主题 › 问与答 › svg 图标在网页上锯齿状明显 |
不用 stroke color ，用 fill color 会好一些
8 天前 回复了 i8k 创建的主题 › 问与答 › svg 图标在网页上锯齿状明显 |
唉，解决办法就是画精细一点：
```javascript
import React from 'react';
interface VoiceIconProps {
color?: string;
className?: string;
size?: number | string;
}
const VoiceIcon: React.FC<VoiceIconProps> = ({
color = '#000000',
className = '',
size = 24
}) => {
return (
<svg
xmlns="http://www.w3.org/2000/svg"
width={size}
height={size}
viewBox="0 0 100 100"
className={className}
style={{ color }}
>
<path className='audio-arc' d="M 58.250 17.033 C 56.462 18.649, 55 20.256, 55 20.604 C 55 20.952, 56.417 22.850, 58.149 24.822 C 59.881 26.795, 62.468 30.904, 63.899 33.954 C 66.183 38.824, 66.500 40.779, 66.500 50 C 66.500 59.221, 66.183 61.176, 63.899 66.046 C 62.468 69.096, 59.881 73.205, 58.149 75.178 C 56.417 77.150, 55.032 79.155, 55.072 79.632 C 55.112 80.109, 56.634 81.735, 58.454 83.245 L 61.764 85.991 65.841 80.707 C 74.635 69.308, 78.355 55.669, 76.195 42.750 C 74.831 34.593, 69.735 23.485, 64.747 17.797 L 61.500 14.094 58.250 17.033" stroke="none" fill={color} fill-rule="evenodd"/>
<path className='audio-arc' d="M 44.030 30.469 C 40.923 33.675, 40.776 34.099, 42.205 35.728 C 49.040 43.520, 49.032 56.491, 42.187 64.291 C 40.734 65.947, 40.882 66.348, 44.141 69.607 L 47.665 73.132 51.239 67.816 C 55.988 60.751, 57.293 56.161, 56.830 48.159 C 56.429 41.250, 53.996 34.978, 49.682 29.741 L 47.410 26.982 44.030 30.469" stroke="none" fill={color} fill-rule="evenodd"/>
<path id="inner" d="M 28 45.500 L 23.584 50 28 54.500 C 30.429 56.975, 32.961 59, 33.626 59 C 34.290 59, 35.608 56.975, 36.553 54.500 C 38.178 50.246, 38.178 49.754, 36.553 45.500 C 35.608 43.025, 34.290 41, 33.626 41 C 32.961 41, 30.429 43.025, 28 45.500" stroke="none" fill={color} fill-rule="evenodd"/>
</svg>
);
};
export default VoiceIcon;
```
```javascript
import React from 'react';
interface VoiceIconProps {
color?: string;
className?: string;
size?: number | string;
}
const VoiceIcon: React.FC<VoiceIconProps> = ({
color = '#000000',
className = '',
size = 24
}) => {
return (
<svg
xmlns="http://www.w3.org/2000/svg"
width={size}
height={size}
viewBox="0 0 100 100"
className={className}
style={{ color }}
>
<path className='audio-arc' d="M 58.250 17.033 C 56.462 18.649, 55 20.256, 55 20.604 C 55 20.952, 56.417 22.850, 58.149 24.822 C 59.881 26.795, 62.468 30.904, 63.899 33.954 C 66.183 38.824, 66.500 40.779, 66.500 50 C 66.500 59.221, 66.183 61.176, 63.899 66.046 C 62.468 69.096, 59.881 73.205, 58.149 75.178 C 56.417 77.150, 55.032 79.155, 55.072 79.632 C 55.112 80.109, 56.634 81.735, 58.454 83.245 L 61.764 85.991 65.841 80.707 C 74.635 69.308, 78.355 55.669, 76.195 42.750 C 74.831 34.593, 69.735 23.485, 64.747 17.797 L 61.500 14.094 58.250 17.033" stroke="none" fill={color} fill-rule="evenodd"/>
<path className='audio-arc' d="M 44.030 30.469 C 40.923 33.675, 40.776 34.099, 42.205 35.728 C 49.040 43.520, 49.032 56.491, 42.187 64.291 C 40.734 65.947, 40.882 66.348, 44.141 69.607 L 47.665 73.132 51.239 67.816 C 55.988 60.751, 57.293 56.161, 56.830 48.159 C 56.429 41.250, 53.996 34.978, 49.682 29.741 L 47.410 26.982 44.030 30.469" stroke="none" fill={color} fill-rule="evenodd"/>
<path id="inner" d="M 28 45.500 L 23.584 50 28 54.500 C 30.429 56.975, 32.961 59, 33.626 59 C 34.290 59, 35.608 56.975, 36.553 54.500 C 38.178 50.246, 38.178 49.754, 36.553 45.500 C 35.608 43.025, 34.290 41, 33.626 41 C 32.961 41, 30.429 43.025, 28 45.500" stroke="none" fill={color} fill-rule="evenodd"/>
</svg>
);
};
export default VoiceIcon;
```
19 天前 回复了 channg01 创建的主题 › 分享创造 › hi，我开发了一个学习英语的软件，如果你觉得对你有用，留下邮箱，送你 1 年会员 |
23 天前 回复了 johamwon 创建的主题 › 分享创造 › 一个推广公共图书馆的项目，目前集成云南省图书馆、昆明市图书馆以及各区图书馆的馆藏，请大家批评指正。 |
棒棒棒。
最好能一键借书，一键还书。次好是能提供电子书。
当然，成本很高。
最好能一键借书，一键还书。次好是能提供电子书。
当然，成本很高。
28 天前 回复了 cj323 创建的主题 › 输入法 › 中文输入时的偶然发现 |
啊，你可能太小，还没上大学吧
30 天前 回复了 y547679519 创建的主题 › 问与答 › 消费者为什么要站队任一企业，例如小米、Vivo、Oppo、华为只能选择其中一个，还要有鄙视链 |
为什么例如里面不加上 Apple ？
31 天前 回复了 JuicyJ 创建的主题 › 问与答 › 老是忘记别人的生日，很尴尬，有什么提醒的工具吗 |
手机日历提醒就可以了。hotmail.com 邮箱也可以
32 天前 回复了 jackleeforce3615 创建的主题 › 剧集 › 整理一下这十几年追过的剧集 |
乔丹《最后一舞》吗？放在这里怪怪的
49 天前 回复了 Yuesh1 创建的主题 › 生活 › 读科三挂科有感，回忆当时我科三遇到的离谱的事情 |
我考了两次三把，第一次两把连考场都没出，就是直线都没走对。第二次第一把，战战兢兢的，前面有一趟车也在考，不远不近，我就跟着前车，前车过了，我也过了。感谢前车
57 天前 回复了 JustDoIt221 创建的主题 › 学点什么 › 花 5.5W 报了个两年的英语培训 |
我来做坏人吧，人傻钱多
Select Language