137 lines
		
	
	
		
			7.0 KiB
		
	
	
	
		
			Markdown
		
	
	
	
	
	
			
		
		
	
	
			137 lines
		
	
	
		
			7.0 KiB
		
	
	
	
		
			Markdown
		
	
	
	
	
	
| ---
 | ||
| title: Zhang-Suen thinning algorithm
 | ||
| id: 594810f028c0303b75339ad7
 | ||
| challengeType: 5
 | ||
| videoUrl: ''
 | ||
| localeTitle: Алгоритм прореживания Чжан-Суен
 | ||
| ---
 | ||
| 
 | ||
| ## Description
 | ||
| <section id="description"> Это алгоритм, используемый для тонкого черно-белого изображения, т.е. одного бита на пиксель. Например, с входным изображением: <pre> ###############################
 | ||
|  #####################################
 | ||
|  #########################################################################
 | ||
|  ######## ############################
 | ||
|    ###### ####### ####### ######
 | ||
|    ###### ####### #######
 | ||
|    #########################
 | ||
|    ########################
 | ||
|    #########################
 | ||
|    ###### ####### #######
 | ||
|    ###### ####### #######
 | ||
|    ###### ####### ####### ######
 | ||
|  ######## ############################
 | ||
|  ######## ##################################################################################
 | ||
|  ############### #############################
 | ||
|  ######## ####### ###########################
 | ||
|                                                            </pre> Он производит утонченный выход: <pre>
 | ||
| <pre> <code># ########## ####### ## # #### # # # ## # # # # # # # # # ############ # # # # # # # # # # # # # # ## # ############ ### ### </pre></code> </pre>
 | ||
| <h2> Алгоритм </h2>
 | ||
| Предположим, что черные пиксели имеют один и белый пиксели нуль, а входное изображение представляет собой прямоугольный массив N по M из единиц и нулей.
 | ||
| Алгоритм работает со всеми черными пикселями P1, которые могут иметь восемь соседей. Соседи упорядочены как:
 | ||
| <table border="1">
 | ||
|   <tbody><tr><td> P9 </td><td> P2 </td><td> P3 </td></tr>
 | ||
|   <tr><td> P8 </td><td> <b>P1</b> </td><td> P4 </td></tr>
 | ||
|   <tr><td> P7 </td><td> P6 </td><td> P5 </td></tr>
 | ||
| </tbody></table>
 | ||
| Очевидно, что граничные пиксели изображения не могут иметь всех восьми соседей.
 | ||
| <pre> <code>Define $A(P1)$ = the number of transitions from white to black, (0 -> 1) in the sequence P2,P3,P4,P5,P6,P7,P8,P9,P2. (Note the extra P2 at the end - it is circular). Define $B(P1)$ = the number of black pixel neighbours of P1. ( = sum(P2 .. P9) )</code> </pre>
 | ||
| <h3> Шаг 1: </h3>
 | ||
| Все пиксели тестируются, и пиксели, удовлетворяющие всем следующим условиям (одновременно), просто отмечены на этом этапе.
 | ||
|   (0) пиксель черный и имеет восемь соседей
 | ||
|   (1) $ 2 <= B (P1) <= 6 $
 | ||
|   (2) $ A (P1) = 1 $
 | ||
|   (3) По крайней мере один из P2 и P4 и P6 является белым
 | ||
|   (4) По крайней мере один из P4 и P6 и P8 является белым
 | ||
| После повторения изображения и сбора всех пикселей, удовлетворяющих всем условиям шага 1, все эти условия, удовлетворяющие пикселям, устанавливаются в белый цвет.
 | ||
| <h3> Шаг 2: </h3>
 | ||
| Все пиксели снова протестированы, и пиксели, удовлетворяющие всем следующим условиям, просто отмечены на этом этапе.
 | ||
|   (0) пиксель черный и имеет восемь соседей
 | ||
|   (1) $ 2 <= B (P1) <= 6 $
 | ||
|   (2) $ A (P1) = 1 $
 | ||
|   (3) По меньшей мере один из P2 и P4 и «P8» является белым
 | ||
|   (4) По крайней мере один из «P2» и P6 и P8 является белым
 | ||
| После повторения изображения и сбора всех пикселей, удовлетворяющих всем условиям шага 2, все эти условия, удовлетворяющие пикселям, снова устанавливаются в белый цвет.
 | ||
| Итерация:
 | ||
| Если в этом раунде любого шага 1 или шага 2 были установлены какие-либо пиксели, все этапы повторяются до тех пор, пока пиксели изображения не будут изменены.
 | ||
| <p>
 | ||
| Задача:
 | ||
| Напишите рутину, чтобы прореживать Чжан-Суен на матрице изображений единиц и нулей.
 | ||
| </p>
 | ||
| </pre></section>
 | ||
| 
 | ||
| ## Instructions
 | ||
| <section id="instructions">
 | ||
| </section>
 | ||
| 
 | ||
| ## Tests
 | ||
| <section id='tests'>
 | ||
| 
 | ||
| ```yml
 | ||
| tests:
 | ||
|   - text: <code>thinImage</code> должна быть функцией
 | ||
|     testString: 'assert.equal(typeof thinImage, "function", "<code>thinImage</code> must be a function");'
 | ||
|   - text: <code>thinImage</code> должен возвращать массив
 | ||
|     testString: 'assert(Array.isArray(result), "<code>thinImage</code> must return an array");'
 | ||
|   - text: <code>thinImage</code> должен возвращать массив строк
 | ||
|     testString: 'assert.equal(typeof result[0], "string", "<code>thinImage</code> must return an array of strings");'
 | ||
|   - text: <code>thinImage</code> должен возвращать массив строк
 | ||
|     testString: 'assert.deepEqual(result, expected, "<code>thinImage</code> must return an array of strings");'
 | ||
| 
 | ||
| ```
 | ||
| 
 | ||
| </section>
 | ||
| 
 | ||
| ## Challenge Seed
 | ||
| <section id='challengeSeed'>
 | ||
| 
 | ||
| <div id='js-seed'>
 | ||
| 
 | ||
| ```js
 | ||
| const testImage = [
 | ||
|   '                                                          ',
 | ||
|   ' #################                   #############        ',
 | ||
|   ' ##################               ################        ',
 | ||
|   ' ###################            ##################        ',
 | ||
|   ' ########     #######          ###################        ',
 | ||
|   '   ######     #######         #######       ######        ',
 | ||
|   '   ######     #######        #######                      ',
 | ||
|   '   #################         #######                      ',
 | ||
|   '   ################          #######                      ',
 | ||
|   '   #################         #######                      ',
 | ||
|   '   ######     #######        #######                      ',
 | ||
|   '   ######     #######        #######                      ',
 | ||
|   '   ######     #######         #######       ######        ',
 | ||
|   ' ########     #######          ###################        ',
 | ||
|   ' ########     ####### ######    ################## ###### ',
 | ||
|   ' ########     ####### ######      ################ ###### ',
 | ||
|   ' ########     ####### ######         ############# ###### ',
 | ||
|   '                                                          '];
 | ||
| 
 | ||
| function thinImage(image) {
 | ||
|   // Good luck!
 | ||
| }
 | ||
| 
 | ||
| ```
 | ||
| 
 | ||
| </div>
 | ||
| 
 | ||
| 
 | ||
| ### After Test
 | ||
| <div id='js-teardown'>
 | ||
| 
 | ||
| ```js
 | ||
| console.info('after the test');
 | ||
| ```
 | ||
| 
 | ||
| </div>
 | ||
| 
 | ||
| </section>
 | ||
| 
 | ||
| ## Solution
 | ||
| <section id='solution'>
 | ||
| 
 | ||
| ```js
 | ||
| // solution required
 | ||
| ```
 | ||
| </section>
 |