@ne1410s/pxl8r NPM | npm.io

0.1.130 • Published 12 months ago

Install

Weekly downloads

6

License

MIT

Repository

Last release

12 months ago

@ne1410s/pxl8r

A custom element that facilitates image pixelation.

<ne14-pxl8r></ne14-pxl8r>

Use: <script src="PATH_TO_UMD_SCRIPT"></script>
Extend: npm i -S @ne1410s/pxl8r

Attributes

<ne14-pxl8r src="..."></ne14-pxl8r>

src: Sets a new image source
filter: Sets the contrast 0 - 100
resolution: Sets the number of pixels in the x dimension. (The aspect ratio is preserved)

Events

const tooltip = document.querySelector('ne14-pxl8r');

tooltip.addEventListener('render', (event) => {
  console.log('Rendered data:', event.detail);
});

change: Fired when a parameter changes
render: Fired when a filtered data has been applied

Methods

There are no bespoke methods exposed by this element

Properties

set src (string): Sets the attribute with the corresponding value
contrast (number): Gets or sets the contrast 0 - 100
x (number): Gets or sets the number of pixels in the x dimension. The aspect ratio is preserved for y, unless y is otherwise set
y (number): Gets or sets the number of pixels in the y dimension. The aspect ratio is preserved for x, unless x is otherwise set

CSS Variables

There are no css variables exposed by this element

ES Pixelator Pxl8r

@ne1410s/cust-elems

@infinitebrahmanuniverse/nolb-_ne1 @everything-registry/sub-chunk-637 @ne1410s/griddler

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

12 months ago

1 year ago

1 year ago

1 year ago

1 year ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

1 year ago

2 years ago

2 years ago

2 years ago

2 years ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

4 years ago

4 years ago

4 years ago

5 years ago

4 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago