nanovgjs 0.1.0

package/LICENSE

@@ -0,0 +1,17 @@
+Copyright (c) 2013 Mikko Mononen memon@inside.org
+
+This software is provided 'as-is', without any express or implied
+warranty.  In no event will the authors be held liable for any damages
+arising from the use of this software.
+
+Permission is granted to anyone to use this software for any purpose,
+including commercial applications, and to alter it and redistribute it
+freely, subject to the following restrictions:
+
+1. The origin of this software must not be misrepresented; you must not
+   claim that you wrote the original software. If you use this software
+   in a product, an acknowledgment in the product documentation would be
+   appreciated but is not required.
+2. Altered source versions must be plainly marked as such, and must not be
+   misrepresented as being the original software.
+3. This notice may not be removed or altered from any source distribution.

package/README.md

@@ -0,0 +1,65 @@
+# nanovgjs
+
+JavaScript port of [NanoVG](https://github.com/memononen/nanovg) by Mikko Mononen.
+
+NanoVG is a small antialiased 2D vector graphics rendering library for OpenGL. This is a manual port of the C source to plain JavaScript with a WebGL backend.
+
+> Altered source version — ported from C to JavaScript. Not the original software.
+
+## Live Demo
+
+[https://1h3a3x7.github.io/nanovgjs/](https://1h3a3x7.github.io/nanovgjs/)
+
+Move the mouse around the canvas. Press **Space** to toggle the blowup transform.
+
+## Files
+
+| File | Description |
+|------|-------------|
+| `nanovg.js` | Core geometry and path library (port of `nanovg.c` / `nanovg.h`) |
+| `nanovg_gl.js` | WebGL renderer (port of `nanovg_gl.h`) |
+| `example.js` | Port of the original `demo.c` demo |
+| `index.html` | Entry point / GitHub Pages demo |
+| `example/` | Demo assets: fonts (Roboto, Entypo) and images |
+
+## Usage
+
+```html
+<script src="nanovg.js"></script>
+<script src="nanovg_gl.js"></script>
+```
+
+```js
+const gl = canvas.getContext("experimental-webgl", { stencil: true });
+
+const params = new NVGparams();
+params.renderCreate        = (ptr)                             => glnvg__renderCreate(ptr);
+params.renderCreateTexture = (ptr, type, w, h, flags, data)   => glnvg__renderCreateTexture(ptr, type, w, h, flags, data);
+params.renderDeleteTexture = (ptr, image)                      => glnvg__renderDeleteTexture(ptr, image);
+params.renderUpdateTexture = (ptr, image, x, y, w, h, data)   => glnvg__renderUpdateTexture(ptr, image, x, y, w, h, data);
+params.renderGetTextureSize= (ptr, image)                      => glnvg__renderGetTextureSize(ptr, image);
+params.renderViewport      = (ptr, w, h, dpr)                  => glnvg__renderViewport(ptr, w, h, dpr);
+params.renderCancel        = (ptr)                             => glnvg__renderCancel(ptr);
+params.renderFlush         = (ctx)                             => glnvg__renderFlush(ctx);
+params.renderFill          = (ptr, paint, co, sc, fr, b, p, n) => glnvg__renderFill(ptr, paint, co, sc, fr, b, p, n);
+params.renderStroke        = (ptr, paint, co, sc, fr, sw, p, n)=> glnvg__renderStroke(ptr, paint, co, sc, fr, sw, p, n);
+params.renderTriangles     = (ptr, paint, co, sc, v, n, fr)   => glnvg__renderTriangles(ptr, paint, co, sc, v, n, fr);
+params.renderDelete        = (ptr)                             => glnvg__renderDelete(ptr);
+params.userPtr             = gl;
+params.edgeAntiAlias       = true;
+gl.edgeAntiAlias           = true;
+
+const ctx = nvgCreateInternal(params);
+
+// Each frame:
+ctx.nvgBeginFrame(width, height, devicePixelRatio);
+ctx.nvgBeginPath();
+ctx.nvgRect(100, 100, 200, 200);
+ctx.nvgFillColor(NVGcolor.nvgRGBA(255, 128, 0, 255));
+ctx.nvgFill();
+ctx.nvgEndFrame();
+```
+
+## License
+
+zlib license — see [LICENSE](LICENSE).