相关疑难解决方法(0)

如何将svg代码保存为.svg图像?

我怎么能将以下svg代码保存为.svg图像

<svg width="100%" height="100%" version="1.1" xmlns="http://www.w3.org/2000/svg">

<defs>
<linearGradient id="fill" x1="0%" y1="0%" x2="0%" y2="100%">
<stop offset="0%" style="stop-color:rgb(224,224,224);stop-opacity:1"/>
<stop offset="100%" style="stop-color:rgb(153,153,153);stop-opacity:1"/>
</linearGradient>
</defs>

<path d="M 0 0 L 64 0 L 32 64 z" stroke="colourname" fill="url(#fill)"/>

</svg>
Run Code Online (Sandbox Code Playgroud)

任何帮助,将不胜感激.谢谢.

svg

55
推荐指数
1
解决办法
6万
查看次数

在 Thymeleaf 生成的 HTML 文档中包含 &lt;img&gt;

在我的 Spring Boot 应用程序中,我使用 Thymeleaf 生成 HTML 电子邮件。我想<img>在这些电子邮件中包含一个。图像存储在/src/main/resources/static/img/logo.png

我已经确认可以通过在本地启动应用程序并http://localhost:8080/img/logo.svg在浏览器中请求来解析图像。

要将这张图片包含在 HTML 中,我已经尝试了以下所有内容

  1. <img th:src="@{/img/logo.png}" />
  2. <img th:src="@{img/logo.png}" />
  3. <img th:src="@{~/img/logo.png}" />
  4. Base64 编码的图像 <img src="data:image/png;base64,iVBORw0KGgoAA..." />

每一个的结果是:

  1. 抛出异常:org.thymeleaf.exceptions.TemplateProcessingException:链接基“/img/logo.svg”不能是上下文相关的(/...),除非用于执行引擎的上下文实现了 org.thymeleaf.context.IWebContext 接口
  2. 呈现<img src="img/logo.png" />在电子邮件中显示为损坏的图像
  3. 呈现<img src="/img/logo.png" />在电子邮件中显示为损坏的图像
  4. 该图像在我测试的大多数电子邮件客户端中呈现,但被 GMail 阻止,并且无法通过设置解除阻止。

我想为了在电子邮件中正确呈现图像,我需要提供绝对 URL,但我不确定如何实现。

部分问题在于,电子邮件之所以没有显示是因为 URL 不正确,还是因为电子邮件客户端阻止了图像,这一点并不明显。

更新

我认为这很明显,但显然不是:我不能使用任何将主机名硬编码为的解决方案,localhost:8080因为这只是我在本地运行时使用的 URL,而且我还需要它在其他环境中工作,例如 prod

thymeleaf spring-boot

5
推荐指数
1
解决办法
279
查看次数

标签 统计

spring-boot ×1

svg ×1

thymeleaf ×1