Question

如何将amazon presigned url转换为svg图像的正确href属性值？

例如，这里有一个网址：

https://s3.us-east-1.amazonaws.com/zed-content/Dialogue%20Items/a0A1r00002sLxg9EACLeft/testImg.jpg?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=AKIAJ7V4MJWO3GNAM6WA%2F20180710%2Fus-east-1%2Fs3%2Faws4_request&X-Amz-Date=20180710T133927Z&X-Amz-Expires=604800&X-Amz-Signature=1044208e8a3fc4167fcd738637316d31a6b9a843063ec5658f8e7720c8963fb0&X-Amz-SignedHeaders=host

它的url显示一个图像，但是我不知道如何将位于url后面的图像作为svg图像。

我正在使用.jpg扩展名存储图像。现在，我想获取该图像的href，以便使用图像svg元素进行显示。

换句话说，我想拥有类似的东西

<svg>
  <image href="IDoNotKnowWhatToPutInHere.jpg"/>
</svg>

Answer 1

您可以这样做。将宽度和高度更改为您喜欢的宽度。

.svg-main,
.svg-image {
  width: 200px;
  height: 200px;
}

<svg class="svg-main">
  <image class="svg-image" href="https://s3.us-east-1.amazonaws.com/zed-content/Dialogue%20Items/a0A1r00002sLxg9EACLeft/testImg.jpg?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=AKIAJ7V4MJWO3GNAM6WA%2F20180710%2Fus-east-1%2Fs3%2Faws4_request&X-Amz-Date=20180710T133927Z&X-Amz-Expires=604800&X-Amz-Signature=1044208e8a3fc4167fcd738637316d31a6b9a843063ec5658f8e7720c8963fb0&X-Amz-SignedHeaders=host"/>
</svg>

如何将URL转换为SVG图像的HREF

1 个答案: