Question

我一直在用这段代码来尝试一些效果，以显示点击效果。

<section transform="translate(0 464)" style="width:1000px;height: 700px;">
    <section transform="translate(0 0)" style="width:1000px;height: 700px;">
        <img style="width:1000px;height: 700px;" src="!IMAGESORCE!" alt="">
    </section>
    <svg transform="translate(0 -700)" style="width:1000px;height: 700px;">
        <rect  x="0" y="0" width="1000px" height="700px" style="fill: #fff;">
         <animate id="op1" attributename="opacity" begin="click"  dur="2s"  from="1"  to="0" fill="freeze" repeatCount= "1"></animate>
         <animate attributename="x" begin="op1.end" dur=".1s"  from="0"  to="-1000px" fill="freeze" repeatCount= "1"></animate>
        </rect>
    </svg>
</section>

我想知道是否有一种方法可以使图像在不使用任何JavaScript的情况下自动适应宽度，同时保持其正常工作。

如果我想做类似style="width:100%;height: auto;"的事情，应该将transform="translate(0 -700)"更改为什么？

请提供帮助。谢谢！

是否可以使此图像在SVG中响应？

0 个答案: