Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/svg/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Can';t使用SVG.js在原点绘制。可能在.viewBox()调用中出错?_Javascript_Svg_Viewbox_Svg.js - Fatal编程技术网

Javascript Can';t使用SVG.js在原点绘制。可能在.viewBox()调用中出错?

Javascript Can';t使用SVG.js在原点绘制。可能在.viewBox()调用中出错?,javascript,svg,viewbox,svg.js,Javascript,Svg,Viewbox,Svg.js,创建SVG元素: var draw = SVG('drawing').size(window.innerWidth, window.innerHeight); draw.viewbox(0, 0, 100, 100); 我认为问题就在那里。当我稍后尝试在x=0处绘制一个点时 var line = draw.line(0, 0, 100, 100).stroke({ width: 1 }) 如下图所示,它向右绘制了大约40个点。您的视图框是“0 100 100”。那是个正方形。但它的容器似乎是

创建SVG元素:

var draw = SVG('drawing').size(window.innerWidth, window.innerHeight);
draw.viewbox(0, 0, 100, 100);
我认为问题就在那里。当我稍后尝试在x=0处绘制一个点时

var line = draw.line(0, 0, 100, 100).stroke({ width: 1 })
如下图所示,它向右绘制了大约40个点。

您的视图框是“0 100 100”。那是个正方形。但它的容器似乎是一个容器。那么您的图形应该如何显示呢

默认情况下,如果指定了视图框,则纵横比(平方度)将保留,这意味着您在长方形内仍将整个绘图区域视为正方形,这样长方形的最小边就是正方形的大小,因此最长边的任一侧都有间隙

如果您不想这样做,可以通过设置