Исправление положения многоугольника - PullRequest
Новая
       11

Исправление положения многоугольника

0 голосов
/ 06 марта 2020

Я уже некоторое время пытаюсь заставить этот SVG работать, но безрезультатно. Я пытаюсь заставить треугольник не двигаться, когда я изменяю размер окна. 

*{
    margin:0;
    padding:0;
}

html,body{
    height: 100%;
    width: 100%;
    overflow: auto;
}

#nose{
    stroke: black;
    stroke-width: 2px;
    fill: #ffd9b3;
    position: fixed;
}
.svg{
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    position: absolute;
}
<body>
    <div class="svg">
    <svg width="400px" height="500px">
        <ellipse id="face" cx="15vw" cy="15vw" rx="10vw" ry="12vw"></ellipse>
        <polygon id="nose" points="170,210 210,210 190,130"></polygon>
    </svg>
</div>
</body>

Любая помощь будет оценена!

...