Пытаюсь показать svg-изображение. Не могу понять, почему это не так - PullRequest
Новая
       0

Пытаюсь показать svg-изображение. Не могу понять, почему это не так

0 голосов
/ 07 мая 2020

Я не могу понять, почему этот svg-graphi c не отображается. Я знаю, что вы можете ничего не увидеть, если в вашей среде нет SVG, но я особенно хочу, чтобы это работало. Работая в Dreamweaver, изображение отлично отображается в предварительном просмотре. Спасибо за помощь! 

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>Unbenanntes Dokument</title>
</head>

<body>
    <div id="allScreens">
        <div id="backpack" class="screens">
            <p align="center">backpack</p>
        </div>
        <div id="playground" class="screens">
            <h1 align="center">playground</h1>
            <object type="image/svg+xml" id="demo" data="/img/blue_box.svg" width="70%">
            </object>
        </div>
    </div>
</body>

</html>

Ответы [ 2 ]

0 голосов
/ 07 мая 2020

Добавьте немного высоты вашему изображению, и оно должно работать. как эта высота: 100 пикселей;

0 голосов
/ 07 мая 2020

Попробуйте, это может помочь 

<img src="image.svg" alt="This is svg image">

При использовании svg в качестве фона 

<a href="/" class="logo">
   Logo.svg
</a>

.logo {
   display: block;
   text-indent: -9999px;
   width: 100px;
   height: 82px;
   background: url(kiwi.svg);
   background-size: 100px 82px;
 }

BLAZING TIP: проверьте путь к svg-изображению, это может быть неверно

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...