!

"#$%
&'
!"#"$%&'()*+',&"&-*).*%&/")/*('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