如何创建动画图像的下载链接

Question

最近，我使用SPAN ans Marquee标签在html中创建了动画图像。 现在，我想为此图像创建下载链接，但是我不知道该怎么做？ 请任何人帮我...

 <html> <head> <title> Marquee </title> <link href="style.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="figure"> <img src="a.jpg" name="images"/> <div class="figcaption"> <span> <h2> Believe In Your Self!!!</h2> <span class='spacer'></span> <br /> <span class='spacer' align='right'></span> <h3><marquee>By: Ajay Rathod</marquee></h3> </span> </div> </div> </body> </html>

h3
{
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
   color: white;
    background: black; /* fallback */
    background: rgba(0, 0, 0, 0.7);
    padding: .5em;
}
#figure { 
  position: relative; 
}
#figure img { 
    display: block; /* removes trailing whitespace */
    outline: solid #000 1px;
    width:100%;
} 
.figcaption {
  position: absolute;
  bottom: 10%;
  width: 501px;
  margin: 0;
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 200%;
  text-transform: capitalize;
  }
.figcaption span h2{
     color: white;
    background: black; /* fallback */
    background: rgba(0, 0, 0, 0.7);
    padding: .5em;

    &.spacer {
      padding: 0 5px;
      background: transparent;

    &::before { content: " "; } 
        }
.figcaption span h3{
    color: white;
    background: black; /* fallback */
    background: rgba(0, 0, 0, 0.7);
    padding: .5em;

    &.spacer {
      padding: 0 5px;
      background: transparent;

    &::before { content: " "; } 

    }

Answer 1

您可以通过执行以下操作将任何图像制作为可下载链接

<a download="name.jpg" href="Image-Path" title="Image-Name">
 <img src="a.jpg" name="images"/>
</a>

请参阅此链接以了解浏览器兼容性

如何创建动画图像的下载链接

问题描述

1 个解决方案

解决方案1
0 2017-04-11 08:07:00

如何创建动画图像的下载链接

问题描述

1 个解决方案

解决方案1 0 2017-04-11 08:07:00

解决方案1
0 2017-04-11 08:07:00