਀㰀栀攀愀搀㸀 ਀㰀洀攀琀愀 渀愀洀攀㴀∀䐀攀猀挀爀椀瀀琀椀漀渀∀ 挀漀渀琀攀渀琀㴀∀匀愀洀漀甀挀稀攀欀 䨀愀瘀愀猀挀爀椀瀀琀 ⴀ 昀爀愀欀琀愀氀 䴀愀渀搀攀氀戀爀漀琀 ⴀ 琀礀氀欀漀 ㈀㔀 氀椀渀椀樀攀欀 欀漀搀甀∀㸀 ਀㰀琀椀琀氀攀㸀匀愀洀漀甀挀稀攀欀 䨀愀瘀愀猀挀爀椀瀀琀 ⴀ 昀爀愀欀琀愀氀 䴀愀渀搀攀氀戀爀漀琀㰀⼀琀椀琀氀攀㸀 ਀㰀戀漀搀礀㸀 ਀㰀挀攀渀琀攀爀㸀 ਀㰀猀挀爀椀瀀琀 愀猀礀渀挀 猀爀挀㴀∀⼀⼀瀀愀最攀愀搀㈀⸀最漀漀最氀攀猀礀渀搀椀挀愀琀椀漀渀⸀挀漀洀⼀瀀愀最攀愀搀⼀樀猀⼀愀搀猀戀礀最漀漀最氀攀⸀樀猀∀㸀㰀⼀猀挀爀椀瀀琀㸀 ਀㰀椀渀猀 挀氀愀猀猀㴀∀愀搀猀戀礀最漀漀最氀攀∀ style="display:inline-block;width:728px;height:90px"਀     搀愀琀愀ⴀ愀搀ⴀ挀氀椀攀渀琀㴀∀挀愀ⴀ瀀甀戀ⴀ㘀㌀㔀㐀㘀㔀㠀㠀㜀㄀㈀㠀㠀㄀㘀㄀∀ data-ad-slot="2045626349">਀㰀猀挀爀椀瀀琀㸀 (adsbygoogle = window.adsbygoogle || []).push({});਀㰀⼀猀挀爀椀瀀琀㸀

਀ ਀㰀栀㄀㸀倀漀眀椀ᤀ欁猀稀愀渀椀攀 昀爀愀欀琀愀氀愀 䴀愀渀搀攀氀戀爀漀琀愀 眀 䨀愀瘀愀匀挀爀椀瀀琀㰀⼀栀㄀㸀 ਀㰀⼀挀攀渀琀攀爀㸀

਀倀漀 漀瀀甀戀氀椀欀漀眀愀渀椀甀 㰀愀 栀爀攀昀㴀∀栀琀琀瀀㨀⼀⼀猀氀椀挀欀攀爀⸀洀攀⼀昀爀愀欀琀愀氀攀⼀昀爀愀欀琀愀氀攀⸀栀琀洀∀㸀洀漀樀攀最漀 瀀漀瀀爀稀攀搀渀椀攀最漀 猀愀洀漀甀挀稀欀愀㰀⼀愀㸀 漀琀爀稀礀洀愀䈀攁洀 瀀漀稀礀琀礀眀渀攀 欀漀洀攀渀琀愀爀稀攀 漀爀愀稀 瀀爀漀嬀戁礀 漀 搀漀搀愀渀椀攀 洀漀簀氁椀眀漀嬀持椀 瀀漀眀椀ᤀ欁猀稀愀渀椀愀 昀爀愀最洀攀渀琀甀 漀戀爀愀稀甀 ⠀攀昀攀欀琀 稀愀最䈀ᤁ戁椀愀渀椀愀 猀椀ᤀ 眀 漀戀爀愀稀⤀⸀㰀戀爀㸀 Nowa wersja programu (poniżej) posiada tę funkcję - po kliknięciu na obraz, obraz powyżej i na prawo od kursora zostaje powiększony dwukrotnie.
਀一椀攀 樀攀猀琀 琀漀 渀愀樀戀愀爀搀稀椀攀樀 椀渀琀甀椀挀礀樀渀礀 猀瀀漀猀戀 瀀漀眀椀ᤀ欁猀稀愀渀椀愀Ⰰ 愀氀攀 瀀爀戀漀眀愀䈀攁洀 瀀漀渀漀眀渀椀攀 眀礀欀漀爀稀礀猀琀愀܀ 眀椀ᤀ欁猀稀漀嬀܁ 欀漀搀甀 稀 眀攀爀猀樀椀 漀爀礀最椀渀愀氀渀攀樀 漀爀愀稀 甀琀爀稀礀洀愀܀ 猀琀漀猀甀渀欀漀眀漀 欀爀琀欀椀 椀 瀀爀漀猀琀礀 欀漀搀⸀ 笀礁挀稀ᤀ 洀椀䈀攁樀 瀀漀搀爀簀礁 眀 最䈀ԁ戁 昀爀愀欀琀愀氀愀℀㰀戀爀㸀㰀戀爀㸀 Kliknij tu, by zobaczyć kod w akcji!

਀伀琀漀 欀漀洀攀渀琀愀爀稀 搀漀 稀洀椀愀渀 眀 欀漀搀稀椀攀㨀㰀戀爀㸀㰀戀爀㸀 ਀☀氀琀㬀栀琀洀氀☀最琀㬀㰀戀爀㸀 <body>
਀☀氀琀㬀挀愀渀瘀愀猀 椀搀㴀∀洀礀䌀愀渀瘀愀猀∀ 眀椀搀琀栀㴀∀㠀  ∀ 栀攀椀最栀琀㴀∀㠀  ∀☀最琀㬀☀氀琀㬀⼀挀愀渀瘀愀猀☀最琀㬀☀氀琀㬀戀爀☀最琀㬀㰀戀爀㸀 <script>
਀瘀愀爀 砀洀椀渀㴀ⴀ㈀Ⰰ礀洀椀渀㴀ⴀ㈀Ⰰ猀挀愀氀攀㴀㔀 㬀㰀戀爀㸀 Nowe zmienne, które zawierają współrzędne lewego dolnego rogu kreślonego obszaru oraz skalę

਀瘀愀爀 砀Ⰰ礀Ⰰ椀Ⰰ砀琀㬀㰀戀爀㸀 var cx,cy;
਀瘀愀爀 挀漀氀漀爀㬀㰀戀爀㸀 var canvas = document.getElementById('myCanvas');
਀挀愀渀瘀愀猀⸀愀搀搀䔀瘀攀渀琀䰀椀猀琀攀渀攀爀⠀∀洀漀甀猀攀搀漀眀渀∀Ⰰ稀漀漀洀Ⰰ昀愀氀猀攀⤀㬀㰀戀爀㸀 Funkcja 'mousedown' będzie uruchamiana po kliknięciu na element Canvas.

਀瘀愀爀 挀漀渀琀攀砀琀 㴀 挀愀渀瘀愀猀⸀最攀琀䌀漀渀琀攀砀琀⠀✀㈀搀✀⤀㬀㰀戀爀㸀 mandel();
Wywołanie nowej funkcji 'mandel()', by narysować pierwszy obraz.

਀ function zoom(event)
਀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀笀㰀戀爀㸀                 xmin=xmin+Math.floor(event.pageX/4)/scale;
਀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀礀洀椀渀㴀ⴀ䴀愀琀栀⸀昀氀漀漀爀⠀攀瘀攀渀琀⸀瀀愀最攀夀⼀㐀⤀⼀猀挀愀氀攀⬀㈀  ⼀猀挀愀氀攀⬀礀洀椀渀㬀㰀戀爀㸀 To jest najważniejsza część funkcji powiększania - zamieniamy ekranowe współrzędne myszki na współrzędne złożone i ustalamy tam lewy dolny róg obszaru.

਀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀猀挀愀氀攀㴀猀挀愀氀攀⨀㈀㬀㰀戀爀㸀                 mandel();
਀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀紀㰀戀爀㸀 Teraz zwiększamy skalę, by powiększyć obraz i wywołujemy funkcję mandel(), by ponownie wykreślić obraz, używając uaktualnionych współrzędnych i skali.

਀ function mandel()
਀㰀昀漀渀琀 挀漀氀漀爀㴀∀最爀攀攀渀∀ 昀愀挀攀㴀∀䄀爀椀愀氀Ⰰ䠀攀氀瘀攀琀椀挀愀Ⰰ匀愀渀猀ⴀ匀攀爀椀昀∀㸀吀攀渀 欀漀搀 樀攀猀琀 椀搀攀渀琀礀挀稀渀礀 樀愀欀 瀀漀瀀爀稀攀搀渀椀漀Ⰰ 琀礀氀欀漀 琀攀爀愀稀 樀攀猀琀 稀愀眀椀渀椀ᤀ琁礀 眀 昀甀渀欀挀樀ᤀⰁ 愀戀礀嬀洁礀 洀漀最氀椀 眀礀眀漀䈀礁眀愀܀ 最漀 眀椀攀氀漀欀爀漀琀渀椀攀⸀㰀戀爀㸀㰀戀爀㸀㰀⼀昀漀渀琀㸀         {
਀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀昀漀爀⠀砀㴀 㬀砀☀氀琀㬀㈀  㬀砀⬀⬀⤀㰀戀爀㸀                 {
਀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀昀漀爀⠀礀㴀 㬀礀☀氀琀㬀㈀  㬀礀⬀⬀⤀㰀戀爀㸀                         {
਀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀椀㴀 㬀㰀戀爀㸀                                 cx=xmin+x/scale;
਀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀挀礀㴀礀洀椀渀⬀礀⼀猀挀愀氀攀㬀㰀戀爀㸀                                 zx=0;
਀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀稀礀㴀 㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀㰀戀爀㸀
਀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀搀漀㰀戀爀㸀                                 {
਀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀砀琀㴀稀砀⨀稀礀㬀㰀戀爀㸀                                         zx=zx*zx-zy*zy+cx;
਀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀稀礀㴀㈀⨀砀琀⬀挀礀㬀㰀戀爀㸀                                         i++;
਀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀紀㰀戀爀㸀                                 while(i<255&&(zx*zx+zy*zy)<4);
਀㰀戀爀㸀                                 color=i.toString(16);
਀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀挀漀渀琀攀砀琀⸀戀攀最椀渀倀愀琀栀⠀⤀㬀㰀戀爀㸀                                 context.rect(x*4, 800-y*4, 4, 4);
਀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀挀漀渀琀攀砀琀⸀昀椀氀氀匀琀礀氀攀 㴀✀⌀✀⬀挀漀氀漀爀⬀挀漀氀漀爀⬀挀漀氀漀爀㬀㰀戀爀㸀                                 context.fill();
਀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀紀㰀戀爀㸀                 }
਀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀紀㰀戀爀㸀
਀☀氀琀㬀⼀猀挀爀椀瀀琀☀最琀㬀㰀戀爀㸀 </body>
਀☀氀琀㬀⼀栀琀洀氀☀最琀㬀㰀戀爀㸀
਀㰀戀爀㸀 Pełny kod (bez komentarzy), który możesz skopiować i przekleić:

਀㰀昀漀渀琀 昀愀挀攀㴀∀䌀漀甀爀椀攀爀 一攀眀Ⰰ 䌀漀甀爀椀攀爀Ⰰ 洀漀渀漀猀瀀愀挀攀∀㸀 <html>
਀☀氀琀㬀戀漀搀礀☀最琀㬀㰀戀爀㸀 <canvas id="myCanvas" width="800" height="800"></canvas><br>
਀☀氀琀㬀猀挀爀椀瀀琀☀最琀㬀㰀戀爀㸀 var xmin=-2,ymin=-2,scale=50;
਀瘀愀爀 砀Ⰰ礀Ⰰ椀Ⰰ砀琀㬀㰀戀爀㸀 var cx,cy;
਀瘀愀爀 挀漀氀漀爀㬀㰀戀爀㸀 var canvas = document.getElementById('myCanvas');
਀挀愀渀瘀愀猀⸀愀搀搀䔀瘀攀渀琀䰀椀猀琀攀渀攀爀⠀∀洀漀甀猀攀搀漀眀渀∀Ⰰ稀漀漀洀Ⰰ昀愀氀猀攀⤀㬀㰀戀爀㸀 var context = canvas.getContext('2d');
਀洀愀渀搀攀氀⠀⤀㬀㰀戀爀㸀 ਀昀甀渀挀琀椀漀渀 稀漀漀洀⠀攀瘀攀渀琀⤀㰀戀爀㸀         {
਀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀砀洀椀渀㴀砀洀椀渀⬀䴀愀琀栀⸀昀氀漀漀爀⠀攀瘀攀渀琀⸀瀀愀最攀堀⼀㐀⤀⼀猀挀愀氀攀㬀㰀戀爀㸀                 ymin=-Math.floor(event.pageY/4)/scale+200/scale+ymin;
਀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀猀挀愀氀攀㴀猀挀愀氀攀⨀㈀㬀㰀戀爀㸀                 mandel();
਀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀紀㰀戀爀㸀
਀昀甀渀挀琀椀漀渀 洀愀渀搀攀氀⠀⤀㰀戀爀㸀         {
਀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀昀漀爀⠀砀㴀 㬀砀☀氀琀㬀㈀  㬀砀⬀⬀⤀㰀戀爀㸀                 {
਀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀昀漀爀⠀礀㴀 㬀礀☀氀琀㬀㈀  㬀礀⬀⬀⤀㰀戀爀㸀                         {
਀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀椀㴀 㬀㰀戀爀㸀                                 cx=xmin+x/scale;
਀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀挀礀㴀礀洀椀渀⬀礀⼀猀挀愀氀攀㬀㰀戀爀㸀                                 zx=0;
਀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀稀礀㴀 㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀㰀戀爀㸀
਀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀搀漀㰀戀爀㸀                                 {
਀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀砀琀㴀稀砀⨀稀礀㬀㰀戀爀㸀                                         zx=zx*zx-zy*zy+cx;
਀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀稀礀㴀㈀⨀砀琀⬀挀礀㬀㰀戀爀㸀                                         i++;
਀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀紀㰀戀爀㸀                                 while(i<255&&(zx*zx+zy*zy)<4);
਀㰀戀爀㸀                                 color=i.toString(16);
਀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀挀漀渀琀攀砀琀⸀戀攀最椀渀倀愀琀栀⠀⤀㬀㰀戀爀㸀                                 context.rect(x*4, 800-y*4, 4, 4);
਀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀挀漀渀琀攀砀琀⸀昀椀氀氀匀琀礀氀攀 㴀✀⌀✀⬀挀漀氀漀爀⬀挀漀氀漀爀⬀挀漀氀漀爀㬀㰀戀爀㸀                                 context.fill();
਀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀紀㰀戀爀㸀                 }
਀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀☀渀戀猀瀀㬀紀㰀戀爀㸀
਀☀氀琀㬀⼀猀挀爀椀瀀琀☀最琀㬀㰀戀爀㸀 </body>
਀☀氀琀㬀⼀栀琀洀氀☀最琀㬀㰀戀爀㸀㰀戀爀㸀
਀ ਀ ਀㰀愀 栀爀攀昀㴀∀栀琀琀瀀㨀⼀⼀猀瀀爀椀琀攀⸀猀氀椀挀欀攀爀⸀洀攀⼀琀甀琀漀爀椀愀氀⼀瀀漀爀愀搀渀椀欀⸀栀琀洀∀㸀倀漀爀愀搀渀椀欀 ⴀ 椀渀琀攀爀愀欀琀礀眀渀攀Ⰰ 愀渀椀洀漀眀愀渀攀 ∀搀甀猀稀欀椀∀ ⠀猀瀀爀椀琀攀猀⤀ 眀 䨀愀瘀愀匀挀爀椀瀀琀㰀⼀愀㸀㰀戀爀㸀㰀戀爀㸀
਀㰀猀挀爀椀瀀琀 愀猀礀渀挀 猀爀挀㴀∀⼀⼀瀀愀最攀愀搀㈀⸀最漀漀最氀攀猀礀渀搀椀挀愀琀椀漀渀⸀挀漀洀⼀瀀愀最攀愀搀⼀樀猀⼀愀搀猀戀礀最漀漀最氀攀⸀樀猀∀㸀㰀⼀猀挀爀椀瀀琀㸀 ਀㰀椀渀猀 挀氀愀猀猀㴀∀愀搀猀戀礀最漀漀最氀攀∀ style="display:inline-block;width:728px;height:90px"਀     搀愀琀愀ⴀ愀搀ⴀ挀氀椀攀渀琀㴀∀挀愀ⴀ瀀甀戀ⴀ㘀㌀㔀㐀㘀㔀㠀㠀㜀㄀㈀㠀㠀㄀㘀㄀∀ data-ad-slot="2045626349">਀㰀猀挀爀椀瀀琀㸀 (adsbygoogle = window.adsbygoogle || []).push({});਀㰀⼀猀挀爀椀瀀琀㸀
਀㰀猀挀爀椀瀀琀 琀礀瀀攀㴀∀琀攀砀琀⼀樀愀瘀愀猀挀爀椀瀀琀∀㸀 var sc_project=9411562; ਀瘀愀爀 猀挀开椀渀瘀椀猀椀戀氀攀㴀㄀㬀  var sc_security="cb2fda34"; ਀瘀愀爀 猀挀䨀猀䠀漀猀琀 㴀 ⠀⠀∀栀琀琀瀀猀㨀∀ 㴀㴀 搀漀挀甀洀攀渀琀⸀氀漀挀愀琀椀漀渀⸀瀀爀漀琀漀挀漀氀⤀ 㼀 "https://secure." : "http://www.");਀搀漀挀甀洀攀渀琀⸀眀爀椀琀攀⠀∀㰀猀挀∀⬀∀爀椀瀀琀 琀礀瀀攀㴀✀琀攀砀琀⼀樀愀瘀愀猀挀爀椀瀀琀✀ 猀爀挀㴀✀∀ ⬀ scJsHost+਀∀猀琀愀琀挀漀甀渀琀攀爀⸀挀漀洀⼀挀漀甀渀琀攀爀⼀挀漀甀渀琀攀爀⸀樀猀✀㸀㰀⼀∀⬀∀猀挀爀椀瀀琀㸀∀⤀㬀 ਀㰀渀漀猀挀爀椀瀀琀㸀㰀搀椀瘀 挀氀愀猀猀㴀∀猀琀愀琀挀漀甀渀琀攀爀∀㸀㰀愀 琀椀琀氀攀㴀∀眀攀戀 愀渀愀氀礀琀椀挀猀∀ href="http://statcounter.com/" target="_blank">