Question

好吧，我有一个宽度和高度都是100％的SVG，因为它从父母（引导程序）获得大小，我需要在右下两行放置以使我的悬停工作。我试图做this hover但是当我去更高的屏幕时它不起作用。我的代码是这样的：

<picture>
  <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%">
    <line class="top" x1="0" y1="0" x2="1464" y2="0"></line>
    <line class="left" x1="0" y1="269" x2="0" y2="-538"></line>
    <line class="bottom" x1="478" y1="249" x2="-976" y2="249"></line>
    <line class="right" x1="468" y1="-10" x2="468" y2="807"></line>
  </svg>

  <!--[if IE 9]><video style="display: none;"><![endif]-->
  <source srcset="assets/img/examples-img/business-lg.png" media="(min-width: 1200px)">
  <source srcset="assets/img/examples-img/business-md.png" media="(min-width: 768px)">
  <!--[if IE 9]></video><![endif]-->
  <img class="img-full" srcset="assets/img/examples-img/business-sm.png" alt="Business template">
</picture>

所以问题是如果我不知道SVG和Picture元素的最终大小，我就无法在SVG中定位我的右下角线。我试过底：0;和右：0;但它似乎不适用于Line元素（或我做错了）顺便说一句，我不关心线条的大小，因为我没有像在codrops文章中那样动画它。 Ty和sry for my english

如果我不知道SVG大小，我如何从SVG右侧定位？

0 个答案: