【问题标题】:SVG changed syntax after e-mailing it通过电子邮件发送 SVG 后更改语法
【发布时间】:2019-11-05 19:38:14
【问题描述】:

有人可以向我解释如何使这段代码再次工作吗?我注意到我的解释器 Visual Studio 代码无法识别放置在其中的整个样式代码

    <?xml version="1.0" encoding="utf-8"?>
    <!-- (c) ammap.com | SVG weather icons -->
    <svg
        version="1.1"
        xmlns="http://www.w3.org/2000/svg"
        xmlns:xlink="http://www.w3.org/1999/xlink"
        width="64"
        height="64"
        viewbox="0 0 64 64">
        <defs>
            <filter id="blur" width="200%" height="200%">
                <feGaussianBlur in="SourceAlpha" stdDeviation="3"/>
                <feOffset dx="0" dy="4" result="offsetblur"/>
                <feComponentTransfer>
                    <feFuncA type="linear" slope="0.05"/>
                </feComponentTransfer>
                <feMerge> 
                    <feMergeNode/>
                    <feMergeNode in="SourceGraphic"/> 
                </feMerge>
            </filter>
	    <style type="text/css">
        <![CDATA[
    path {
      fill: #EDF1FF;
      stroke: #C9C9C9;
      stroke-width: 0.45px;
    }
	    ]]>
        </style>
        </defs>
        <g filter="url(#blur)" id="rainy-5">
            <g transform="translate(20,10)">
                <g>
               	     <path d="M47.7,35.4c0-4.6-3.7-8.2-8.2-8.2c-1,0-1.9,0.2-2.8,0.5c-0.3-3.4-3.1-6.2-6.6-6.2c-3.7,0-6.7,3-6.7,6.7c0,0.8,0.2,1.6,0.4,2.3    c-0.3-0.1-0.7-0.1-1-0.1c-3.7,0-6.7,3-6.7,6.7c0,3.6,2.9,6.6,6.5,6.7l17.2,0C44.2,43.3,47.7,39.8,47.7,35.4z" fill="#EDF1FF" 
    transform="translate(-20,-11)"/>
                </g>
            </g>
        </g>
    </svg>

【问题讨论】:

  • Chrome 控制台在执行您的代码 sn-p 时显示以下错误:“错误:&lt;path&gt; 属性 d:预期数字,“...-0.3-3.4-3.1-6.2- 6.6- 6.2c-3.7,0…"." - 你在 d 属性的内容中有多个地方不应该有空格,所以删除它。 2- 6, 2.3 c-0, 7,3- 6.7

标签: html css svg syntax


【解决方案1】:

我犯了一个 04FS 向我指出的语法错误。谢谢!!

【讨论】:

    猜你喜欢
    • 2013-02-21
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2015-01-30
    • 2011-07-21
    • 2012-01-26
    • 2014-05-28
    • 1970-01-01
    相关资源
    最近更新 更多