时间戳

首页 > 解决方案 > 我怎样才能在一个圆圈内做一个清晰的图标

svg - 我怎样才能在一个圆圈内做一个清晰的图标

问题描述

大家好，我想创建一个删除按钮，当我按下它直到结果返回时，它会旋转，然后当我得到正确的响应时，将其设为绿色，并在里面打上复选标记（我已经做到了）但是当我得到它时，我错过了字段我想得到一个带有取消图标的红色圆圈。我还不太擅长 SVG，我希望得到您的帮助，下面的代码是我在互联网上搜索后制作的 SVG，但我搜索了很多时间取消图标，但找不到任何适合我需要的东西

<svg width="84px" height="84px" viewBox="0 0 84 84" version="1.1">
   <circle className="border" cx="42" cy="42" r="40" stroke-linecap="round" stroke-width="4" stroke="#000" fill="none"></circle>
   <path className="checkmark" stroke-linecap="round" stroke-linejoin="round" d="M23.375 42.5488281 36.8840688 56.0578969 64.891932 28.0500338" stroke-width="4" stroke="green" fill="none"></path>
</svg>

我能做的最接近的事情是：

癌症 l 内圈

我希望取消标志在中间

标签： svg

解决方案

您的代码显示您在路径标记中使用了stroke="greem"而不是stroke="green" 。

<svg width="84px" height="84px" viewBox="0 0 84 84" version="1.1">
   <circle className="border" cx="42" cy="42" r="40" stroke-linecap="round" stroke-width="4" stroke="#000" fill="none"></circle>
   <path className="checkmark" stroke-linecap="round" stroke-linejoin="round" d="M30 55 55 30 M30 30 55 55" stroke-width="4" stroke="green" fill="none"></path>
</svg>

推荐阅读