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> |