RError.com

RError.com Logo RError.com Logo

RError.com Navigation

  • 主页

Mobile menu

Close
  • 主页
  • 系统&网络
    • 热门问题
    • 最新问题
    • 标签
  • Ubuntu
    • 热门问题
    • 最新问题
    • 标签
  • 帮助
主页 / 问题 / 1405729
Accepted
Дмитрий Варзанов
Дмитрий Варзанов
Asked:2022-07-02 04:37:16 +0000 UTC2022-07-02 04:37:16 +0000 UTC 2022-07-02 04:37:16 +0000 UTC

固定弯曲

  • 772

在此处输入图像描述

<svg width='100px'
   viewBox="0 0 10 10"
   inkscape:version="1.1.2 (b8e25be833, 2022-02-05)"
   sodipodi:docname="рисунок-6.svg"
   version="1.1"
   id="svg109101"
   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
   xmlns="http://www.w3.org/2000/svg"
   xmlns:svg="http://www.w3.org/2000/svg">
  <sodipodi:namedview
     id="namedview7"
     pagecolor="#ffffff"
     bordercolor="#666666"
     borderopacity="1.0"
     inkscape:pageshadow="2"
     inkscape:pageopacity="0.0"
     inkscape:pagecheckerboard="0"
     inkscape:document-units="px"
     showgrid="false"
     inkscape:zoom="256"
     inkscape:cx="4.859375"
     inkscape:cy="4.9003906"
     inkscape:window-width="2560"
     inkscape:window-height="1018"
     inkscape:window-x="-8"
     inkscape:window-y="-8"
     inkscape:window-maximized="1"
     fit-margin-top="0"
     fit-margin-left="0"
     fit-margin-right="0"
     fit-margin-bottom="0"
     showguides="true"
     inkscape:guide-bbox="true"
     lock-margins="true"
     inkscape:lockguides="true"
     width="10px">
    <sodipodi:guide
       position="8.4561891,21.956885"
       orientation="0,-1"
       id="guide104385" />
    <sodipodi:guide
       position="3.3824757,9.9401947"
       orientation="0,-1"
       id="guide104395" />
    <sodipodi:guide
       position="1.6683301,5.0060584"
       orientation="0,-1"
       id="guide107240" />
    <sodipodi:guide
       position="4.9939416,8.5415923"
       orientation="1,0"
       id="guide107242" />
    <sodipodi:guide
       position="4.0548154,8.5084466"
       orientation="0,-1"
       id="guide107293" />
    <sodipodi:guide
       position="1.5026019,7.2378641"
       orientation="1,0"
       id="guide107295" />
    <sodipodi:guide
       position="5.4800775,1.5036701"
       orientation="0,-1"
       id="guide107297" />
    <sodipodi:guide
       position="8.4963299,4.7519419"
       orientation="1,0"
       id="guide107388" />
    <sodipodi:guide
       position="4.6072426,6.0225244"
       orientation="1,0"
       id="guide107555" />
    <sodipodi:guide
       position="5.4027377,6.177204"
       orientation="1,0"
       id="guide107557" />
    <sodipodi:guide
       position="4.9939416,5.4038059"
       orientation="0,-1"
       id="guide107559" />
    <sodipodi:guide
       position="5.4027377,4.5972623"
       orientation="0,-1"
       id="guide107561" />
  </sodipodi:namedview>
  <defs
     id="defs109096" />
  <ellipse
     style="fill:#ff0000"
     id="path107436"
     cx="4.9994659"
     cy="4.9939418"
     rx="3.4968641"
     ry="3.5023882" />
  <rect
     style="fill:#ffffff"
     id="rect108750"
     width="0.79549509"
     height="2.9389126"
     x="4.6072426"
     y="2.4638252"
     ry="0.39774755" />
  <rect
     style="fill:#ffffff"
     id="rect108752"
     width="0.79549503"
     height="2.2649515"
     x="-0.51424509"
     y="6.78125"
     ry="0.39774755"
     transform="rotate(-45)" />
</svg>

我画了我的第一个图标。唯一的问题是如何纠正这种弯曲,使其不会超出线条的边界。

让我们总共勾勒出两个图形,好的,但要固定它,使弯曲不突出并且光滑。也就是说,具有相似的半径,它不起作用。它要么是曲线,要么是弯曲的半径,要么是突出的......

svg inkscape
  • 1 1 个回答
  • 27 Views

1 个回答

  • Voted
  1. Best Answer
    Alexandr_TT
    2022-07-02T05:41:01Z2022-07-02T05:41:01Z
    • 将箭头的颜色更改为对比色,以便更好地看到图形的边界

    在此处输入图像描述

    • 移动黑色图形后,消除了边界中的中断:

    在此处输入图像描述

    • Inkscape 后保存的代码

    <?xml version="1.0" encoding="UTF-8" standalone="no"?>
    <svg
       xmlns:dc="http://purl.org/dc/elements/1.1/"
       xmlns:cc="http://creativecommons.org/ns#"
       xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
       xmlns:svg="http://www.w3.org/2000/svg"
       xmlns="http://www.w3.org/2000/svg"
       xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
       xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
       width="100px"
       viewBox="0 0 10 10"
       inkscape:version="0.92.3 (2405546, 2018-03-11)"
       sodipodi:docname="Icon-ink2.svg"
       version="1.1"
       id="svg109101">
      <metadata
         id="metadata20">
        <rdf:RDF>
          <cc:Work
             rdf:about="">
            <dc:format>image/svg+xml</dc:format>
            <dc:type
               rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
            <dc:title></dc:title>
          </cc:Work>
        </rdf:RDF>
      </metadata>
      <sodipodi:namedview
         id="namedview7"
         pagecolor="#ffffff"
         bordercolor="#666666"
         borderopacity="1.0"
         inkscape:pageshadow="2"
         inkscape:pageopacity="0.0"
         inkscape:pagecheckerboard="0"
         inkscape:document-units="px"
         showgrid="false"
         inkscape:zoom="90.509668"
         inkscape:cx="49.142385"
         inkscape:cy="4.8218767"
         inkscape:window-width="1400"
         inkscape:window-height="987"
         inkscape:window-x="-8"
         inkscape:window-y="-8"
         inkscape:window-maximized="1"
         fit-margin-top="0"
         fit-margin-left="0"
         fit-margin-right="0"
         fit-margin-bottom="0"
         showguides="true"
         inkscape:guide-bbox="true"
         lock-margins="true"
         inkscape:lockguides="true"
         width="10px"
         inkscape:current-layer="svg109101">
        <sodipodi:guide
           position="8.4561891,21.956885"
           orientation="0,-1"
           id="guide104385" />
        <sodipodi:guide
           position="3.3824757,9.9401947"
           orientation="0,-1"
           id="guide104395" />
        <sodipodi:guide
           position="1.6683301,5.0060584"
           orientation="0,-1"
           id="guide107240" />
        <sodipodi:guide
           position="4.9939416,8.5415923"
           orientation="1,0"
           id="guide107242" />
        <sodipodi:guide
           position="4.0548154,8.5084466"
           orientation="0,-1"
           id="guide107293" />
        <sodipodi:guide
           position="1.5026019,7.2378641"
           orientation="1,0"
           id="guide107295" />
        <sodipodi:guide
           position="5.4800775,1.5036701"
           orientation="0,-1"
           id="guide107297" />
        <sodipodi:guide
           position="8.4963299,4.7519419"
           orientation="1,0"
           id="guide107388" />
        <sodipodi:guide
           position="4.6072426,6.0225244"
           orientation="1,0"
           id="guide107555" />
        <sodipodi:guide
           position="5.4027377,6.177204"
           orientation="1,0"
           id="guide107557" />
        <sodipodi:guide
           position="4.9939416,5.4038059"
           orientation="0,-1"
           id="guide107559" />
        <sodipodi:guide
           position="5.4027377,4.5972623"
           orientation="0,-1"
           id="guide107561" />
      </sodipodi:namedview>
      <defs
         id="defs109096" />
      <ellipse
         style="fill:#d81919;stroke:#e91d1d;stroke-opacity:1;fill-opacity:1"
         id="path107436"
         cx="4.9994659"
         cy="4.9939418"
         rx="3.4968641"
         ry="3.5023882" />
      <rect
         style="fill:#ffffff;stroke:#ffffff;stroke-width:0.5;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
         id="rect108750"
         width="0.79549509"
         height="2.9389126"
         x="4.5961943"
         y="2.6074562"
         ry="0.39774755" />
      <rect
         style="fill:#ffffff;stroke:#ffffff;stroke-opacity:1;stroke-width:0.5;stroke-miterlimit:4;stroke-dasharray:none"
         id="rect108752"
         width="0.79549503"
         height="2.2649515"
         x="-0.51424509"
         y="6.78125"
         ry="0.39774755"
         transform="rotate(-45)" />
    </svg>

    SVGOMG优化后的代码

    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 10" version="1.1" id="svg109101">
      <circle id="path107436" cx="5" cy="5" fill="#d81919" stroke="#e91d1d" stroke-opacity="1" fill-opacity="1" r="3.5"/>
      <rect id="rect108750" width=".8" height="2.9" x="4.6" y="2.6" ry=".4" fill="#fff" stroke="#fff" stroke-width=".5" stroke-miterlimit="4" stroke-dasharray="none" stroke-opacity="1"/>
      <rect id="rect108752" width=".8" height="2.3" x="-.5" y="6.8" ry=".4" transform="rotate(-45)" fill="#fff" stroke="#fff" stroke-opacity="1" stroke-width=".5" stroke-miterlimit="4" stroke-dasharray="none"/>
    </svg>

    更新

    为了减小箭头的宽度,我们将stroke-width="0.15"

    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 10" version="1.1" id="svg109101">
      <circle id="path107436" cx="5" cy="5" fill="#d81919" stroke="#e91d1d" stroke-opacity="1" fill-opacity="1" r="3.5"/>
      <rect id="rect108750" width=".8" height="2.9" x="4.6" y="2.6" ry=".4" fill="#fff" stroke="#fff" stroke-width=".15" stroke-miterlimit="4" stroke-dasharray="none" stroke-opacity="1"/>
      <rect id="rect108752" width=".8" height="2.3" x="-.5" y="6.8" ry=".4" transform="rotate(-45)" fill="#fff" stroke="#fff" stroke-opacity="1" stroke-width=".15" stroke-miterlimit="4" stroke-dasharray="none"/>
    </svg>

    • 1

相关问题

  • 字母S怎么画?

  • 在 svg 上绘制按钮

  • 将 viewBox 坐标转换为 svg 并将一个 svg 嵌入到另一个

  • 如何制作圆形箭头?

  • 如何消除 SVG 对象的大小限制不被模糊?

  • 为什么 SVG 不能在 iphone 上正确显示?

Sidebar

Stats

  • 问题 10021
  • Answers 30001
  • 最佳答案 8000
  • 用户 6900
  • 常问
  • 回答
  • Marko Smith

    我看不懂措辞

    • 1 个回答
  • Marko Smith

    请求的模块“del”不提供名为“default”的导出

    • 3 个回答
  • Marko Smith

    "!+tab" 在 HTML 的 vs 代码中不起作用

    • 5 个回答
  • Marko Smith

    我正在尝试解决“猜词”的问题。Python

    • 2 个回答
  • Marko Smith

    可以使用哪些命令将当前指针移动到指定的提交而不更改工作目录中的文件?

    • 1 个回答
  • Marko Smith

    Python解析野莓

    • 1 个回答
  • Marko Smith

    问题:“警告:检查最新版本的 pip 时出错。”

    • 2 个回答
  • Marko Smith

    帮助编写一个用值填充变量的循环。解决这个问题

    • 2 个回答
  • Marko Smith

    尽管依赖数组为空,但在渲染上调用了 2 次 useEffect

    • 2 个回答
  • Marko Smith

    数据不通过 Telegram.WebApp.sendData 发送

    • 1 个回答
  • Martin Hope
    Alexandr_TT 2020年新年大赛! 2020-12-20 18:20:21 +0000 UTC
  • Martin Hope
    Alexandr_TT 圣诞树动画 2020-12-23 00:38:08 +0000 UTC
  • Martin Hope
    Air 究竟是什么标识了网站访问者? 2020-11-03 15:49:20 +0000 UTC
  • Martin Hope
    Qwertiy 号码显示 9223372036854775807 2020-07-11 18:16:49 +0000 UTC
  • Martin Hope
    user216109 如何为黑客设下陷阱,或充分击退攻击? 2020-05-10 02:22:52 +0000 UTC
  • Martin Hope
    Qwertiy 并变成3个无穷大 2020-11-06 07:15:57 +0000 UTC
  • Martin Hope
    koks_rs 什么是样板代码? 2020-10-27 15:43:19 +0000 UTC
  • Martin Hope
    Sirop4ik 向 git 提交发布的正确方法是什么? 2020-10-05 00:02:00 +0000 UTC
  • Martin Hope
    faoxis 为什么在这么多示例中函数都称为 foo? 2020-08-15 04:42:49 +0000 UTC
  • Martin Hope
    Pavel Mayorov 如何从事件或回调函数中返回值?或者至少等他们完成。 2020-08-11 16:49:28 +0000 UTC

热门标签

javascript python java php c# c++ html android jquery mysql

Explore

  • 主页
  • 问题
    • 热门问题
    • 最新问题
  • 标签
  • 帮助

Footer

RError.com

关于我们

  • 关于我们
  • 联系我们

Legal Stuff

  • Privacy Policy

帮助

© 2023 RError.com All Rights Reserve   沪ICP备12040472号-5