Scribd
Upload
119 views1 page

Pixel It - Create Pixel Art From An Image

This document provides instructions for using the Pixelit image processing library. It describes how to load an image, apply pixelation and other filters, and customize settings like the pixel scale and color palette. Code examples and configuration options are provided to manipulate and modify images programmatically.

Uploaded by

m92grfq
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
119 views1 page

Pixel It - Create Pixel Art From An Image

This document provides instructions for using the Pixelit image processing library. It describes how to load an image, apply pixelation and other filters, and customize settings like the pixel scale and color palette. Code examples and configuration options are provided to manipulate and modify images programmatically.

Uploaded by

m92grfq
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 1

!

"#$%
&'
!"#"$%&'()*+',&"&-*).*%&/")/*('0/+*"&)*1&.2*"3
'2"4/5

YX<*7Y

TZPR6NTV

QOCMRTfYPY7Of

S7Y[MD

6'0/+*7)*"++.8$*-.9*).*)":/*"3*'2"4/*"3;
%.3#/&)*'3).*('0/+*"&)5*<.9*%"3*;/=3/*)>/
?('0/+?*$'@/A*%&/")/*"*('0/+*'2"4/*9$'34*"
%.+.&*("+/))/*"3;*"+$.*%.3#/&)*).*"*('0/+
4&"-$%"+/*'2"4/5

<.9*%"3*9$/*6'0/+*7)*).*,/*-.9&*B92(*$)"&)*).
2":/*$.2/*('0/+*"&)5*C>/%:*)>/
;.%92/3)")'.3*1.&*"++*)>/*"#"'+",+/*"('
2/)>.;$5

!"#$%&'(%)$*"
D+.%:$'@/*.1*E*"3;*3.*.)>/&*2.;'=%")'.3

+,&,-(.$&"''"
D+.%:$'@/*.1*FE*"3;*"*G*C.+.&*("+/))/

*-"/)+$&"
,+.%:$'@/*.1*FH*"3;*4&/-$%"+/

+,&,-(.$&"''"
D+.%:$'@/*.1*I*"3;*"*FJ*C.+.&*("+/))/

.01"&(0'(2,3
<.9*%"3*)&-*('0/+*7)*+'#/*>/&/A*-.9*%"3*9$/
)>/*;/1"9+)*'2"4/*KB9$)*%>"34/*$.2/*#"+9/L
.&*9(+.";*"3*'2"4/*).*$)"&)*$//*)>/
%>"34/$5

M6NOPQ*7RPST
Choose File 1 photo

DNOCU*V7WT E

SXT<VCPNT

6PNTYYT

RPZ*[T7S[Y in px

RPZ*\7QY[ in px

VTNTCY*6PNTYYT

QO\fNOPQ*7RPST

!,+%4"2'$'0,2

!"#$%&"'()*
Y.*9$/*)>/*]9'%:*;/1"9+)*%.3=49&")'.3*-.9
3//;*"3*/+/2/3)*1&.2*8>/&/*).*;&"8*)>/
'2"4/*"3;*%"3#"$*/+/2/3)*8')>*)>/*';
('0/+')%"3#"$5*Y>/3*+.";*)>/*('0/+')5B$*$%&'()
"3;*"((+-*')*.3*"3*'2"4/5

<img src="assets/sky.jpg"
id="pixelitimg" alt="">
<canvas id="pixelitcanvas"></canvas>
<script src="dist/pixelit.js">
</script>
<script>
//create object
const px = new pixelit();
px.draw().pixelate();
</script

+,-#./'
<.9*%"3*("$$*$.2/*.()'.3$*8>/3*%&/")'34
)>/*'3$)"3%/*K-.9*%"3*"+)/&*)>/2*+")/&*9$'34
)>/*"('*2/)>.;$L5

config = {
to : elem, defaults to
document.getElementById("pixelitcanvas
")
from : elem, defaults to
document.getElementById("pixelitimg")
scale : int from 0-50, defaults to 8
palette : [[r,g,b]], defaults to a
fixed palette
maxHeight: int, defaults to null
maxWidth: int, defaults to null
}

012
<.9*%"3*%>"'3*"++*2/)>.;$*).4/)>/&A
,/8"&/*)>")*)>/*.&;/&*)>/-*"&/*"((+'/;*%"3
%>"34/*)>/*=3"+*&/$9+)5

P((+-'34*=&$)*)>/*%.+.&*("+/))/*"3;*)>/3*)>/
4&/-$%"+/*%"3*4'#/*"*$+'4>)+')-*;'^/&/3)
'2"4/5

!"#$%&'*;&"8*).*%"3#"$*1&.2*'2"4/
$.9&%/*"3;*&/$'@/$*'1*2"0*>/'4>)*.&*2"0
8';)>*'$*&/"%>/;

!()"*+#,-.-/&'*>';/$*)>/*1&.2*'2"4/
/+/2/3)A*'$*"((+'/;*.3*.,B/%)*%&/")'.3

!0*12#$%+#,-&*3*-'*/+/2*).*4/)*)>/
'2"4/*).*('0/+")/

!0*12#$%4,&*3*-'*%"3#"$*/+/2*).*;&"8
)>/*'2"4/

!0*1+#,-.-/5,6#7*&0#7'*%>"34/*)>/*$&%
1&.2*)>/*'2"4/*/+/2/3)

!0*18$3*11*&$##'*$/)$*)>/*%.+.&*("+/))/*).
9$/A*)":/$*"3*"&&"-*.1*&4,*%.+.&$_
``'3)A'3)A'3)aaA*'3)*1&.2*H*).*bcc

!0*19$:;)"1(&)<1'*$/)*%"3#"$*'2"4/
2"0'292*8';)>A*')*%"3*&/$'@/*)>/*.9)(9)
'2"4/A*.3+-*9$/;*8>/3*5&/$'@/72"4/KL*'$
"((+'/;

!0*19$:=*)/(1&)<1'*$/)*%"3#"$*'2"4/
2"0'292*>/'4>)A*')*%"3*&/$'@/*)>/*.9)(9)
'2"4/A*2"0*>/'4>)*.#/&&';/$*2"0*8';)>A
.3+-*9$/;*8>/3*5&/$'@/72"4/KL*'$*"((+'/;

!0*157$3*&)<1'*$/)*('0/+")/*$%"+/*`H555cHa

!/*18$3*11*&'*&/)9&3$*"&&"-*.1*%9&&/3)
("+/))/A*%"3d)*,/*%>"'3/;

!7,<>*#1?#$@07$3*&'*%.3#/&)$*'2"4/*).
4&/-$%"+/A*"((+-*.3+-*"1)/&*5;&"8*'$*%"++/;

!7,<>*#18$3*11*&'*%.3#/&)$*'2"4/*8')>
)>/*;/=3/;*%.+.&*("+/))/A*"((+-*.3+-*"1)/&
5;&"8*'$*%"++/;

!#*0)A*.-$/*&'*&/$'@/$*)>/*.9)(9)*'2"4/*'1
,'44/&*)>"3*)>/*;/=3/;*2"0*[/'4>)*.&
2"0*\';)>

!8):*3$1*&'*;&"8$*"*('0/+")/;*#/&$'.3*.1
)>/*1&.2*'2"4/*).*)>/*).*%"3#"$A*A*"((+-
.3+-*"1)/&*5;&"8*'$*%"++/;

!0$>*.-$/*&'*$"#/$e;.83+.";$*%9&&/3)
'2"4/

S7Y[MD

Y\7YYTX

You might also like