Javascript с svg.js: невозможно удалить смещение окна просмотра из левого верхнего угла - PullRequest
Новая
       8

Javascript с svg.js: невозможно удалить смещение окна просмотра из левого верхнего угла

0 голосов
/ 29 января 2019

Я пытаюсь нарисовать изображение, используя JavaScript и библиотеку svg.js.Изображение всегда получается со смещением около 8 пикселей от верха и 8 пикселей от левого края окна браузера.Я хотел бы, чтобы изображение начиналось в точке (0,0) окна браузера.Другими словами, он должен быть выровнен в крайнем верхнем левом углу окна браузера, а не с некоторым смещением.Я пробовал много разных настроек, но ничего, что я делаю, похоже, не помогает устранить это смещение.Ниже приведен список последней версии кода, который я использую.Может кто-нибудь помочь, пожалуйста?Также возможно ли достичь этого эффекта без использования css? 

<!DOCTYPE html>
<head>
<meta charset=utf-8>
<script src="https://cdnjs.cloudflare.com/ajax/libs/svg.js/2.6.5/svg.js"></script>
<style>
body {
    width: 100%;
    padding: 0px;
}
</style>
</head>
<body>
<div id="drawCurve"></div>
<script id="drawCurve-script">
    var s = SVG('drawCurve').size(500,500).viewbox(0,0,500,500);
    var p=s.path().attr({
        id: 'path0',
        padding: '0px',
        fill: 'white',
        d: 'M0 0 C200 120 300 120 300 100'
    });
    p.stroke({
        color: 'black',
        width: 1,
        padding: '0px'
    });
</script>
</body>

Image of a curve

1 Ответ

0 голосов
/ 29 января 2019

Добавьте margin:0 к тегу вашего тела: 

body {
  width: 100%;
  padding: 0px;
  margin: 0;
}
...