KO | EN

GitLite

Minimalist Open Source Repository Search Engine

gitlite — search

#dsh #dsh-plugin #typescript #developer-tools #claude-code #ai-agent #codex #deepseek-harness #ai-agents #cli #react #mcp

node-gdi

★ 17 Open GitHub ↗

Node.js bindings to Windows GDI (graphics device interface)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# node-gdi
Node.js bindings to Windows GDI/GDI+ (graphics device interface)

Uses GDI for text rendering and GDI+ for graphics elements.

Beta version, development in progress...

Install
=======
```
npm i gdi
```

Usage
=======

Some examples can be found in the examples directory.

Example
=======

[![](https://raw.githubusercontent.com/Daninet/node-gdi/master/examples/01-simple.png)](examples/01-simple.js)

```javascript
const GDILib = require('gdi');

// create window
const window = GDILib.init({ title: 'GDILib - Example 1.' });

let angle = 0;

window.onPaint(g => {
  // clear screen to gray
  // g.clear(r, g, b)
  g.clear(39, 40, 34);

// draw text

// g.penColor(r, g, b, a = 255)
  g.penColor(255, 255, 255);
  // g.font(name, size, weight)
  g.font('Consolas', 16, 400);
  // g.text(x, y, str)
  g.text(30, 30, 'Hello world from GDILib!');

// draw colored triangle

g.penColor(255, 0, 0) ;
  // g.line(startX, startY, endX, endY)
  g.line(400, 30, 500, 200);
  g.penColor(0, 255, 0);
  g.line(400, 30, 300, 200);
  g.penColor(0, 0, 255) ;
  g.line(300, 200, 500, 200);

// draw rotating rectangle

// g.rotate(angle, originX, originY)
  g.rotate(angle, 50 + 80, 50 + 80);
  g.penColor(255, 255, 255);

// g.rectangle (x, y, width, height)
  g.rectangle(80, 80, 100, 100);

});

setInterval(() => {
  angle += 1;
  window.repaint();
}, 25);
```

GDILib methods
=======

GDILib.init(options)
-----
```javascript
options = {
  title: 'GDI Window',
  width: 600,
  height: 400,
  backgroundColor: [39, 40, 34],
  frameless: false,
  titleBarHeight: 0,
  transparency: false,
  transparentColor: [255, 0, 0],
  alwaysOnTop: false,
  persistPosition: true,
  minWidth: 150,
  minHeight: 150
};
```

Window methods
=======

window.close()
-----

window.getClipboard()
-----

window.getPosition()
-----

window.getSize()
-----

window.hide()
-----

window.maximize()
-----

window.messageBox(text, title = 'Message')
-----

window.minimize()
-----

window.onClick(cb)
-----

window.onClose(cb)
-----

window.onCreate(cb)
-----

window.onCustomMsg(cb)
-----

window.onKeyDown(cb)
-----

window.onKeyPress(cb)
-----

window.onKeyUp(cb)
-----

window.onMouseDown(cb)
-----

window.onMouseMove(cb)
-----

window.onMouseUp(cb)
-----

window.onMouseWheel(cb)
-----

window.onPaint(cb)
-----

window.onResize(cb)
-----

window.repaint()
-----

window.restore()
-----

window.setClipboard(str)
-----

window.setCursor(type)
-----

window.setPosition(x, y)
-----

window.setSize(width, height)
-----

window.setTitle(title)
-----

window.show()
-----

Graphics methods
=======

p.arc(x, y, width, height, startAngle, sweepAngle)
-----

p.bezier(points)
-----

p.brushColor(r, g, b, a = 255)
-----

p.brushLinearGradient(x1, y1, x2, y2, r1, g1, b1, r2, g2, b2, a1 = 255, a2 = 255)
-----

p.brushRadialGradient(x, y, width, height, r1, g1, b1, r2, g2, b2, a1 = 255, a2 = 255)
-----

p.clear(r, g, b, a = 255)
-----

p.curve(points, close = false, fill = false)
-----

p.ellipse(x, y, width, height, stroke = true, fill = false)
-----

p.flush()
-----

p.font(name, size = 14, weight = 400, italic = false, underline = false, strikeout = false)
-----

p.image(x, y, buf, width = -1, height = -1, srcX = 0, srcY = 0, srcWidth = -1, srcHeight = -1)
-----

p.line(x1, y1, x2, y2)
-----

p.measure(text, width, height)
-----

p.penColor(r, g, b, a = 255)
-----

p.penWidth(width)
-----

p.pie(x, y, width, height, startAngle, sweepAngle, stroke = true, fill = false)
-----

p.polygon(points, stroke = true, fill = false)
-----

p.rectangle(x, y, width, height, stroke = true, fill = false)
-----

p.resetClip()
-----

p.resetTransform()
-----

p.rotate(angle, originX = 0, originY = 0)
-----

p.setClip(x, y, width, height, combineMode = 'REPLACE')
-----

p.setFormatFlags(flags)
-----

p.setTrimming(trimming)
-----

p.text(x, y, text, width, height)
-----

node-gdi

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README