0.1.85 • Published 9 months ago

@ne1410s/pxl8r v0.1.85

Weekly downloads
6
License
MIT
Repository
github
Last release
9 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
ESPixelatorPxl8r
@ne1410s/cust-elems
@infinitebrahmanuniverse/nolb-_ne1@everything-registry/sub-chunk-637@ne1410s/griddler
0.1.85

9 months ago

0.1.84

9 months ago

0.1.80

10 months ago

0.1.81

10 months ago

0.1.82

10 months ago

0.1.83

9 months ago

0.1.79

10 months ago

0.1.78

10 months ago

0.1.76

10 months ago

0.1.77

10 months ago

0.1.75

10 months ago

0.1.74

10 months ago

0.1.73

11 months ago

0.1.70

11 months ago

0.1.71

11 months ago

0.1.72

11 months ago

0.1.64

1 year ago

0.1.65

1 year ago

0.1.66

1 year ago

0.1.67

1 year ago

0.1.68

12 months ago

0.1.69

12 months ago

0.1.63

1 year ago

0.1.62

1 year ago

0.1.61

1 year ago

0.1.60

1 year ago

0.1.59

1 year ago

0.1.58

1 year ago

0.1.57

1 year ago

0.1.56

1 year ago

0.1.55

1 year ago

0.1.54

1 year ago

0.1.53

1 year ago

0.1.52

1 year ago

0.1.51

1 year ago

0.1.50

1 year ago

0.1.49

1 year ago

0.1.48

1 year ago

0.1.47

1 year ago

0.1.46

1 year ago

0.1.44

1 year ago

0.1.45

1 year ago

0.1.43

1 year ago

0.1.42

1 year ago

0.1.41

1 year ago

0.1.40

1 year ago

0.1.39

1 year ago

0.1.38

1 year ago

0.1.37

1 year ago

0.1.36

1 year ago

0.1.35

2 years ago

0.1.34

2 years ago

0.1.33

2 years ago

0.1.32

2 years ago

0.1.31

2 years ago

0.1.30

2 years ago

0.1.29

2 years ago

0.1.28

2 years ago

0.1.27

2 years ago

0.1.26

2 years ago

0.1.25

2 years ago

0.1.24

2 years ago

0.1.23

2 years ago

0.1.10

2 years ago

0.1.11

2 years ago

0.1.12

2 years ago

0.1.13

2 years ago

0.1.14

2 years ago

0.1.15

2 years ago

0.1.8

2 years ago

0.1.7

2 years ago

0.1.9

2 years ago

0.1.5

2 years ago

0.1.20

2 years ago

0.1.21

2 years ago

0.1.22

2 years ago

0.1.16

2 years ago

0.1.17

2 years ago

0.1.18

2 years ago

0.1.19

2 years ago

0.1.4

2 years ago

0.1.3

2 years ago

0.1.2

2 years ago

0.1.1

2 years ago

0.0.40

3 years ago

0.1.0

3 years ago

0.0.39

3 years ago

0.0.37

4 years ago

0.0.38

4 years ago

0.0.36

4 years ago

0.0.35

4 years ago

0.0.34

4 years ago

0.0.33

4 years ago

0.0.32

4 years ago

0.0.31

4 years ago

0.0.30

4 years ago

0.0.29

4 years ago

0.0.28

4 years ago

0.0.27

4 years ago

0.0.25

4 years ago

0.0.26

4 years ago

0.0.24

4 years ago

0.0.23

4 years ago

0.0.22

4 years ago

0.0.21

4 years ago

0.0.20

4 years ago

0.0.16

4 years ago

0.0.17

4 years ago

0.0.18

4 years ago

0.0.19

4 years ago

0.0.15

4 years ago

0.0.14

4 years ago

0.0.13

4 years ago

0.0.12

4 years ago

0.0.11

4 years ago

0.0.10

5 years ago

0.0.9

5 years ago

0.0.8

5 years ago

0.0.7

5 years ago

0.0.6

5 years ago

0.0.5

5 years ago

0.0.4

5 years ago

0.0.3

5 years ago

0.0.2

5 years ago

0.0.1

5 years ago

0.0.0

5 years ago