@chestnutlabs/gcode-resanderer-2d (英语)

低资源 Canvas 二维地层渲染器 联 合 国 栗子实验室 G 代码预览 工具路径堆栈(DD-014 / Epic E8).

一个 选入 当前/相邻层 2D 视图 ToolpathIR,用于环境 默认 Three.js 渲染器为劣相: 旧/ 低端移动, 嵌入式打印机触摸屏 (Fluidd/Mainsail-class UIs),并被锁定或被WebGL锁定的浏览器. 一个分析,一个IR,一个秒 轻量级视图—— 无第二解析器路径, 不 three,无框架。每个部分的颜色是 由 三维渲染器通过 @chestnutlabs/gcode-colors,所以两人从来没有异议.

内存天花板是点: 绘图被绑定到活性(±相邻,后相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相相, 从来没有整个模型.

状态 : E8阶段1至3个完成。 阶段1 (# 212): Canvas 2D 核心 —— 从 IR 画出一层, 诚实的颜色,适合的canvas。 第2阶段(# 213): 当前级别 +相邻"鬼"层 (缩写) 上层, adjacentLayers 默认 1 / 第 0 层)在一个稳定的模型框上。 第3阶段(# 214): 可通过 <GcodePreview renderer="2d" /> (三维渲染器被装入) 需求,所以只有2D的捆绑 从来没有船 三.js),加一 生活进度"完成剪接" (单位:千美元)setProgress) (中文(简体) ). 仍在前方:低资源基准+能力型UX (# 215).

使用量

import { LayerView2D } from '@chestnutlabs/gcode-renderer-2d';

const view = new LayerView2D(canvas, { colorMode: { mode: 'feature', palette, fallback: [0.7, 0.7, 0.7] } });
view.setToolpath(ir); // a ToolpathIR from the worker parser
view.setLayer(12);
view.render(); // clears + redraws the active layer

绘图核心也作为纯函数被曝光—— drawLayer(ctx, ir, opts), (中文(简体) ), computeLayerFit, (中文(简体) ), layerBounds2D, (中文(简体) ), rgbToCss – 需要最小的 Canvas-2D- Context 接口, 并完全 可以在节点用录音模拟器进行测试.

诚实

平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平平 失踪或 外层无所取用,报告 drawn: false 而不是编造几何. 读取可选的 IR 频道的颜色模式( C)feature, (中文(简体) ), object, (中文(简体) ), feedrate必须是 由呼叫者赋予能力。 非XY型全能轻便UX / layers: unavailable 投入随第四阶段工作而来(# 215).

许可证

麻省理工学院栗子实验室. 见 仓库 来源和全力支持政策.