Javascript Can';t使用SVG.js在原点绘制。可能在.viewBox()调用中出错?
创建SVG元素: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”。那是个正方形。但它的容器似乎是
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”。那是个正方形。但它的容器似乎是一个容器。那么您的图形应该如何显示呢
默认情况下,如果指定了视图框,则纵横比(平方度)将保留,这意味着您在长方形内仍将整个绘图区域视为正方形,这样长方形的最小边就是正方形的大小,因此最长边的任一侧都有间隙
如果您不想这样做,可以通过设置