Html SVG图像问题，试图制作动画，但数组无法工作

我的SVG图像有问题。我想创建一个动画。当我在CSS中使用stroke dasharray时，我的图像不会改变。这是我的密码。我想得到一些帮助

---

我不太确定你是不是在问这个。这就是我所说的：

在筛选组之外，我正在添加一个use元素：。在css中，我使用的是您为徽标路径指定的样式：nth-child1

身体{ 字体系列：“Nunito”，无衬线； 宽度：100%； 高度：100vh； } 标志{ 位置：绝对位置； 最高：40%； 左：50%； 转化：转化-50%，-50%； } 使用{ 笔画：银色； /*笔划阵列：200px*/ 行程：50px； }

---

我不太确定你是不是在问这个。这就是我所说的：

在筛选组之外，我正在添加一个use元素：。在css中，我使用的是您为徽标路径指定的样式：nth-child1

身体{ 字体系列：“Nunito”，无衬线； 宽度：100%； 高度：100vh； } 标志{ 位置：绝对位置； 最高：40%； 左：50%； 转化：转化-50%，-50%； } 使用{ 笔画：银色； /*笔划阵列：200px*/ 行程：50px； }

---

不要在属性中使用像素，这不是必需的。还有，为什么要使用数组两次。动画在哪里？像素不会改变任何东西。我正在准备使用stroke-dasharray创建动画。请在这里编写此代码好吗@不要在属性中使用像素，这不是必需的。还有，为什么要使用数组两次。动画在哪里？像素不会改变任何东西。我正在准备使用stroke-dasharray创建动画。请在这里编写此代码好吗@聚硅氧烷

<svg 
                id="logo"
                width="39" height="43" viewBox="0 0 39 43" fill="none" xmlns="http://www.w3.org/2000/svg">
                <g filter="url(#filter0_d)">
                <path d="M26.8047 26.0938H12.5078L9.29688 35H4.65625L17.6875 0.875H21.625L34.6797 35H30.0625L26.8047 26.0938ZM13.8672 22.3906H25.4688L19.6562 6.42969L13.8672 22.3906Z" fill="white"/>
                </g>
                <defs>
                <filter id="filter0_d" x="0.65625" y="0.875" width="38.0234" height="42.125" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
                <feFlood flood-opacity="0" result="BackgroundImageFix"/>
                <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
                <feOffset dy="4"/>
                <feGaussianBlur stdDeviation="2"/>
                <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
                <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
                <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
                </filter>
                </defs>
                </svg>

body {
  font-family: 'Nunito', sans-serif;
  width: 100%;
  height: 100vh;
}

#logo{
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#logo path:nth-child(1){
    stroke-dasharray: 200px;
    stroke-dasharray: 50px;
}