带svg.js的Javascript:无法消除从左上角开始的viewbox偏移
我正在尝试使用JavaScript和svg.js库绘制图像。图像总是从浏览器窗口顶部偏移约8像素,从左侧边缘偏移约8像素。我希望图像从浏览器窗口的点(0,0)开始。换句话说,它应该在浏览器窗口的最左上角对齐,而不是在某个偏移处对齐。我尝试了许多不同的设置,但我所做的一切似乎都无助于消除这种偏移。下面我列出了我正在使用的代码的最新版本。有人能帮忙吗?另外,不使用css也能达到这种效果吗带svg.js的Javascript:无法消除从左上角开始的viewbox偏移,javascript,css,svg,svg.js,Javascript,Css,Svg,Svg.js,我正在尝试使用JavaScript和svg.js库绘制图像。图像总是从浏览器窗口顶部偏移约8像素,从左侧边缘偏移约8像素。我希望图像从浏览器窗口的点(0,0)开始。换句话说,它应该在浏览器窗口的最左上角对齐,而不是在某个偏移处对齐。我尝试了许多不同的设置,但我所做的一切似乎都无助于消除这种偏移。下面我列出了我正在使用的代码的最新版本。有人能帮忙吗?另外,不使用css也能达到这种效果吗 <!DOCTYPE html> <head> <meta charset=utf-
<!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>
身体{
宽度:100%;
填充:0px;
}
var s=SVG('drawCurve')。大小(500500)。视图框(0,0500500);
var p=s.path().attr({
id:'路径0',
填充:“0px”,
填充:“白色”,
d:‘M0 C200 120 300 120 300 100’
});
p、 笔划({
颜色:'黑色',
宽度:1,
填充:“0px”
});
将
边距:0
添加到您的身体标签:
body {
width: 100%;
padding: 0px;
margin: 0;
}
谢谢你的提示。它使用css解决了这个问题。有没有一种方法可以在不使用css的情况下达到同样的效果?不客气。不,没有CSS无法做到这一点,因为
body
标记没有控制边距的属性: