Wondering what’s next for npm?Check out our public roadmap! »

@qlabs/lamp

1.1.2 • Public • Published

lamp logo

What is Lamp

Creating graphics using the JS Canvas can be complicated and sometimes take long. Lamp allows you to make graphics as quick as a fox. With shadows, gradients, normal 2d (and even 3d!) shapes, it makes canvas graphics as easy as pie.

Lamp can do:

  • 3d
    • pyramids
  • 2d
    • lines
    • triangles
    • circles
    • text
  • other
    • shadows
    • gradients
    • erasing

Documentation

Importing Lamp

Create a <script> tag like this:

<script src="https://cdn.jsdelivr.net/gh/quantalabs/lamp/index.js"></script>

This imports the library to your code and enables you to use it.

2d Shapes

Lines

Use the line() function to create lines.

line(x, y, x2,y2)

Triangles

Stroke Triangles

To make a triangle with no fill, use the strokeTri() function.

strokeTri(x1, y1, x2, y2, x3, y3)

Fill Triangles

To make a triangle with a fill, use the fillTri() function.

fillTri(x1, y1, x2, y2, x3, y3)

Circles/Ovals

Fill Ellipses

To create a filled ellipse, use fillEllipse().

fillEllipse(x, y, r)

x and y are the center of the circle and r is the raidius.

Stroke Ellipses

To create a ellipse with no fill, use strokeEllipse().

strokeEllipse(x, y, r)

Text

To create text, use text().

text(x, y, text)

Make sure text is a string.

3d Graphics

Pyramids

To create a pyramid, use pyramid().

pyramid(x, y, height, width)

Other

Gradients

For gradients, use gradients().

graidents(color1, color2, x, y, width, height)

color1 and color2 are both string values.

Shadows

For shadows, use shadow().

shadow(color, blue, offsetX, offsetY)

color is a string value.

Erasing

To erase, use erase().

erase(x, y, width, height)

You can also use clear() to clear the whole canvas.

clear()

That's IT!

You now know lamp.

Credits

Install

npm i @qlabs/lamp

DownloadsWeekly Downloads

1

Version

1.1.2

License

GPL-3.0

Unpacked Size

40.1 kB

Total Files

6

Last publish

Collaborators

  • avatar