无法使用 SVG.js 在原点绘制。可能在 .viewBox() 调用中做错了什么？
Can't draw at origin with SVG.js. Possibly doing something wrong in .viewBox() call?
正在创建 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 点，如下图所示。
你的 viewBox 是“0 0 100 100”。那是一个正方形。但它的容器似乎是一个 oblong。那么你的画应该怎么展示呢？
默认情况下，如果您指定 viewBox，则纵横比（方形）会保留，这意味着您看到整个绘图区域仍然是长方形内的正方形，这样长方形的最小边就是正方形的大小因此最长边的两边都有空隙。
如果您不想这样做，可以通过设置 preserveAspectRatio property.
来选择各种替代方案
正在创建 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 点，如下图所示。
你的 viewBox 是“0 0 100 100”。那是一个正方形。但它的容器似乎是一个 oblong。那么你的画应该怎么展示呢？
默认情况下，如果您指定 viewBox，则纵横比（方形）会保留，这意味着您看到整个绘图区域仍然是长方形内的正方形，这样长方形的最小边就是正方形的大小因此最长边的两边都有空隙。
如果您不想这样做，可以通过设置 preserveAspectRatio property.
来选择各种替代方案