首页 > 解决方案 > 为什么我在 fabricjs 画布上绘制的数字没有正确放置?

问题描述

我正在尝试在 fabricjs 中创建一个标尺,为此我在 for 循环中绘制线条和数字。线条和数字绘制正确,但无论我在 s 中添加什么,0 总是在同一个地方left: s+x,。我究竟做错了什么?

    let w = parseInt(width);
    let h = parseInt(height);
    let c = 0; //count
    let l = h-4; //line
    let z = 2; //"zoom"

    for(let s = 0; s < (w+1); s += z) {

        if (c % 10 === 0 || c === 0) {
            l = l - 20;     // draw every 10th line longer and add a number
            topRuler.add(new fabric.Text(`${c/10}`, {
                left: s+5,
                top: 0,
                fontFamily: 'sans-serif',
                fontSize: 8,
                fill: "#090",
            }));
        } else if(c % 5 === 0) {
            l = l - 4; //every 5th line raised
        }

在此处输入图像描述

标签: javascriptfabricjs

解决方案


推荐阅读