Как задать параметры длины, ширины и позиции картинки svg через js?

Question

Можно ли для этой картинки прописать параметры длины ширины и позиции в js? как это можно реализовать?

<!DOCTYPE html>
<html>
<head>
    <title></title>
</head>

<body>


    <script type="text/javascript">


document.querySelector('body').innerHTML = "<img src = https://upload.wikimedia.org/wikipedia/commons/0/09/America_Online_logo.svg> "  ;

    </script>

</body>
</html>

Answer 1

Можно так например:

<!DOCTYPE html>
<html>
<head>
    <title></title>
</head>

<body>


    <script type="text/javascript">


document.querySelector('body').innerHTML = "<img style = 'width : 100px ; heigth : 50px ; position: relative' src = https://upload.wikimedia.org/wikipedia/commons/0/09/America_Online_logo.svg> "  ;

    </script>

</body>
</html>

Answer 2

img {
  width: 100px;
  height: 100px;
  margin: calc(50vh - 50px) calc(50vw - 50px) 0;
}

<!DOCTYPE html>
<html>
<head>
    <title></title>
    
    img {
  width: 100px;
  height: 100px;
  margin: calc(50vh - 50px) calc(50vw - 50px) 0;
}
</head>

<body>


    <script type="text/javascript">


document.querySelector('body').innerHTML = "<img style = 'width : 100px ; heigth : 50px ; position: relative' src = https://upload.wikimedia.org/wikipedia/commons/0/09/America_Online_logo.svg> "  ;

    </script>

</body>
</html>

БЛОГ НА HUSL

Как задать параметры длины, ширины и позиции картинки svg через js?

Ответы (2 шт):