有没有办法为 svg 元素内的图像元素动态设置 y 属性？

Question

如问题所述，我想知道是否有办法为 svg 内部的图像元素设置 y 属性，因为每次用户提供不同的图像时，我都需要更改图像的“y”属性值。 现在，当我尝试在 Angular 中使用绑定时，出现以下错误：

我在 svg 中嵌入图像的代码如下所示：

            <svg class="conversation-image-preview">
              <image *ngIf="inConversationIconInfo.previewUrl" 
              [attr.href]="inConversationIconInfo.previewUrl" 
              [y]="inConvImageY" 
                 />
            </svg>

我真的很感激任何帮助。

Answer 1

JavaScript 严格模式例外“设置 getter-only 属性”在尝试为仅指定 getter 的属性设置新值时发生。

在您的情况下 SVGImageElement 仅具有 getter 元素，并且当您尝试设置值时，它会在控制台中引发错误。

您可以在SVGImageElement 的文档中看到 y 属性是read only的。