javascript - 为什么我在 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
}
解决方案
推荐阅读
- javascript - 如何用 Javascript 中的异步请求的结果填充对象的属性?
- excel - 使用 VBScript 将 Excel 工作表的(部分)范围导出为 CSV
- python - 执行“公文包运行android”时出现beeware错误
- javascript - 将 min.js 文件导入 ReactJS 项目
- power-automate - 您可以在无需每次都输入管理员信息的情况下以管理员身份运行电源自动化吗
- maps - 如何将 Openlayers 6.5 鼠标位置控制从 LonLat 转换为 MGRS?
- excel - 增加 A 列的值
- pyspark - 找到两列的最高组合?派斯帕克
- javascript - 使用时刻将 Utc 转换为自定义时区
- python - 如何从 POST 请求中打印/读取 HTML?