локальное изображение SVG не найдено при загрузке веб-страницы - PullRequest
1 голос
/ 10 апреля 2019

Я уже некоторое время пытаюсь добавить изображение svg на мой сайт django.Тем не менее, я получаю эту ошибку: GET http://localhost:8000/images/enter.svg 404 (Not Found)

Это то, что я написал <img src='/images/enter.svg'>

, и моя структура папок такова

index.html
- images
- enter.svg

Я гуглял, но не могу найти решение.Вместо этого я слышу, как люди копируют и вставляют «данные» svg, но я не смог найти пример.На всякий случай это действительно полезно, вот данные изображения svg, которое я пытаюсь прикрепить к моей странице:

<?xml version="1.0"?>

<!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.0//EN' 'http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd'>
<svg fill-opacity="1" xmlns:xlink="http://www.w3.org/1999/xlink" color-rendering="auto" color-interpolation="auto" text-rendering="auto" stroke="black" stroke-linecap="square" stroke-miterlimit="10" shape-rendering="auto" stroke-opacity="1" fill="black" stroke-dasharray="none" font-weight="normal" stroke-width="1" xmlns="http://www.w3.org/2000/svg" font-family="&apos;Dialog&apos;" font-style="normal" stroke-linejoin="miter" font-size="12" stroke-dashoffset="0" image-rendering="auto">
  <!--Unicode Character 'DOWNWARDS ARROW WITH CORNER LEFTWARDS' (U+21B5)-->
  <defs id="genericDefs" />
  <g>
    <g>
      <path d="M159.3281 330.8906 L76.6406 330.8906 Q92.5312 348.75 99.4219 368.8594 L89.2969 368.8594 Q69.6094 340.1719 34.5938 327.375 L34.5938 320.4844 Q69.6094 307.6875 89.2969 279 L99.4219 279 Q92.5312 299.25 76.6406 317.1094 L145.4062 317.1094 L145.4062 215.7188 L159.3281 215.7188 L159.3281 330.8906 Z" stroke="none" />
    </g>
  </g>
</svg>

1 Ответ

1 голос
/ 10 апреля 2019

Привет, ваш svg-код, похоже, не работает, поэтому я думаю, что если вы поместите этот фрагмент кода туда, куда вы хотите, чтобы svg поместил его, он должен работать:

<svg width="124.73px" height="153.14px" viewBox="0 0 124.73 153.14">
<g>
    <g>
        <path d="M124.73,115.17H42.05c10.59,11.91,18.19,24.56,22.78,37.97H54.7C41.58,134.02,23.34,120.19,0,111.66v-6.89
            c23.34-8.53,41.58-22.36,54.7-41.48h10.12c-4.59,13.5-12.19,26.2-22.78,38.11h68.77V0h13.92V115.17z"/>
    </g>
</g>
</svg>

Конечно, его можно превратить в svg-файл.а затем связать с вашим кодом, как вы пытались.Но вы также можете просто вставить приведенный выше код в свой код.пример:

<html>
<body>
<h1> some content or whatever </h1>
    <svg width="124.73px" height="153.14px" viewBox="0 0 124.73 153.14">
    <g>
        <g>
            <path d="M124.73,115.17H42.05c10.59,11.91,18.19,24.56,22.78,37.97H54.7C41.58,134.02,23.34,120.19,0,111.66v-6.89
                c23.34-8.53,41.58-22.36,54.7-41.48h10.12c-4.59,13.5-12.19,26.2-22.78,38.11h68.77V0h13.92V115.17z"/>
        </g>
    </g>
    </svg>
</body>
</html>

, как это должно отображаться на вашей странице без проблем со ссылками.Теперь вы можете настроить свой svg так же, указав свой path идентификатор.https://css -tricks.com / lodge / svg / На этой странице есть множество уроков, которые мне очень помогли с svg.

Надеюсь, это работает!

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