{"id":668,"date":"2021-09-22T22:42:24","date_gmt":"2021-09-22T20:42:24","guid":{"rendered":"https:\/\/www.raktres.net\/blog\/?p=668"},"modified":"2021-09-22T22:46:44","modified_gmt":"2021-09-22T20:46:44","slug":"selection-tool-for-grid-patterns","status":"publish","type":"post","link":"https:\/\/www.raktres.net\/blog\/2021\/09\/22\/selection-tool-for-grid-patterns\/","title":{"rendered":"Selection tool for grid patterns"},"content":{"rendered":"<p>Hi<\/p>\n<p>I keep improving the seizenn tool.<\/p>\n<p>After adding the possibility of making grid patterns, I tried to improve the use on the mobile device. The tool can now be installed on Android or iOS to be used without an internet connection. If you need help with the installation, you can see this\u00a0<a href=\"https:\/\/mobilesyrup.com\/2020\/05\/24\/how-install-progressive-web-app-pwa-android-ios-pc-mac\/\" target=\"_blank\" rel=\"noopener\" data-v-08fd212f=\"\">article on installing a PWA\u00a0<\/a>.<\/p>\n<p>I tested it on iPad, it&#8217;s really good.<\/p>\n<p>The latest novelty is the addition of a selection function for grid patterns.<\/p>\n<p>Select the <img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-729 size-full\" src=\"https:\/\/www.raktres.net\/blog\/wp-content\/uploads\/2021\/09\/Capture-d\u2019\u00e9cran_2021-09-12_22-20-34.png\" alt=\"\" width=\"84\" height=\"58\" \/> button in the edition menu (the &#8220;pencil menu&#8221;).<\/p>\n<p>When selected, several buttons appear.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-744 aligncenter\" src=\"https:\/\/www.raktres.net\/blog\/wp-content\/uploads\/2021\/09\/Capture-d\u2019\u00e9cran_2021-09-12_22-21-57-1.png\" alt=\"\" width=\"302\" height=\"110\" srcset=\"https:\/\/www.raktres.net\/blog\/wp-content\/uploads\/2021\/09\/Capture-d\u2019\u00e9cran_2021-09-12_22-21-57-1.png 302w, https:\/\/www.raktres.net\/blog\/wp-content\/uploads\/2021\/09\/Capture-d\u2019\u00e9cran_2021-09-12_22-21-57-1-300x109.png 300w\" sizes=\"(max-width: 302px) 85vw, 302px\" \/><\/p>\n<p>When you click on the grid, the border of the selected cell switch to yellow.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-745 aligncenter\" src=\"https:\/\/www.raktres.net\/blog\/wp-content\/uploads\/2021\/09\/Capture-d\u2019\u00e9cran_2021-09-22_22-18-56.png\" alt=\"\" width=\"110\" height=\"94\" \/><\/p>\n<p>You can select an area by holding down the mouse button.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-706 aligncenter\" src=\"https:\/\/www.raktres.net\/blog\/wp-content\/uploads\/2021\/09\/Capture-d\u2019\u00e9cran_2021-09-12_22-32-34-300x183.png\" alt=\"\" width=\"300\" height=\"183\" srcset=\"https:\/\/www.raktres.net\/blog\/wp-content\/uploads\/2021\/09\/Capture-d\u2019\u00e9cran_2021-09-12_22-32-34-300x183.png 300w, https:\/\/www.raktres.net\/blog\/wp-content\/uploads\/2021\/09\/Capture-d\u2019\u00e9cran_2021-09-12_22-32-34.png 431w\" sizes=\"(max-width: 300px) 85vw, 300px\" \/><\/p>\n<p>It is then possible to:<\/p>\n<ul>\n<li><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-750 size-full\" src=\"https:\/\/www.raktres.net\/blog\/wp-content\/uploads\/2021\/09\/Capture-d\u2019\u00e9cran_2021-09-22_22-22-31.png\" alt=\"\" width=\"44\" height=\"44\" \/>\u00a0 erase the selected area<\/li>\n<li><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-753\" src=\"https:\/\/www.raktres.net\/blog\/wp-content\/uploads\/2021\/09\/Capture-d\u2019\u00e9cran_2021-09-22_22-21-04.png\" alt=\"\" width=\"47\" height=\"45\" \/>\u00a0 cut it<\/li>\n<li><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-746\" src=\"https:\/\/www.raktres.net\/blog\/wp-content\/uploads\/2021\/09\/Capture-d\u2019\u00e9cran_2021-09-22_22-23-20.png\" alt=\"\" width=\"44\" height=\"45\" \/>\u00a0 swap colors<\/li>\n<li><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-749\" src=\"https:\/\/www.raktres.net\/blog\/wp-content\/uploads\/2021\/09\/Capture-d\u2019\u00e9cran_2021-09-22_22-22-42.png\" alt=\"\" width=\"47\" height=\"50\" \/>\u00a0 fill it<\/li>\n<li><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-748\" src=\"https:\/\/www.raktres.net\/blog\/wp-content\/uploads\/2021\/09\/Capture-d\u2019\u00e9cran_2021-09-22_22-22-59.png\" alt=\"\" width=\"43\" height=\"44\" \/>\u00a0 invert up-down<\/li>\n<li><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-747\" src=\"https:\/\/www.raktres.net\/blog\/wp-content\/uploads\/2021\/09\/Capture-d\u2019\u00e9cran_2021-09-22_22-23-09.png\" alt=\"\" width=\"45\" height=\"46\" \/>\u00a0 invert left-right<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p>When you have copied an area with the button<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-755\" src=\"https:\/\/www.raktres.net\/blog\/wp-content\/uploads\/2021\/09\/Capture-d\u2019\u00e9cran_2021-09-22_22-20-37.png\" alt=\"\" width=\"47\" height=\"44\" \/>, click where you want to paste it (the reference is the up left point), before pressing the button <img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-754\" src=\"https:\/\/www.raktres.net\/blog\/wp-content\/uploads\/2021\/09\/Capture-d\u2019\u00e9cran_2021-09-22_22-20-51.png\" alt=\"\" width=\"46\" height=\"45\" \/>.<\/p>\n<p>This function will facilitate the construction of repeating patterns.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-758\" src=\"https:\/\/www.raktres.net\/blog\/wp-content\/uploads\/2021\/09\/Capture-d\u2019\u00e9cran_2021-09-22_22-27-08.png\" alt=\"\" width=\"234\" height=\"183\" \/> =&gt; <img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-759\" src=\"https:\/\/www.raktres.net\/blog\/wp-content\/uploads\/2021\/09\/Capture-d\u2019\u00e9cran_2021-09-22_22-29-33.png\" alt=\"\" width=\"226\" height=\"174\" \/> =&gt; <img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-757\" src=\"https:\/\/www.raktres.net\/blog\/wp-content\/uploads\/2021\/09\/Capture-d\u2019\u00e9cran_2021-09-22_22-27-29.png\" alt=\"\" width=\"229\" height=\"180\" \/> =&gt; <img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-756\" src=\"https:\/\/www.raktres.net\/blog\/wp-content\/uploads\/2021\/09\/Capture-d\u2019\u00e9cran_2021-09-22_22-27-50.png\" alt=\"\" width=\"228\" height=\"189\" \/><\/p>\n<p>Be careful, if the grid alternates, a paste may not give the expected result because of the offset. (A button might help in this case, please ask for it if needed).<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-705 size-medium\" src=\"https:\/\/www.raktres.net\/blog\/wp-content\/uploads\/2021\/09\/Capture-d\u2019\u00e9cran_2021-09-12_22-32-46-300x186.png\" alt=\"\" width=\"300\" height=\"186\" srcset=\"https:\/\/www.raktres.net\/blog\/wp-content\/uploads\/2021\/09\/Capture-d\u2019\u00e9cran_2021-09-12_22-32-46-300x186.png 300w, https:\/\/www.raktres.net\/blog\/wp-content\/uploads\/2021\/09\/Capture-d\u2019\u00e9cran_2021-09-12_22-32-46.png 436w\" sizes=\"(max-width: 300px) 85vw, 300px\" \/><\/p>\n<p>The text box contains the content of the copied selection. <img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-752\" src=\"https:\/\/www.raktres.net\/blog\/wp-content\/uploads\/2021\/09\/Capture-d\u2019\u00e9cran_2021-09-22_22-21-20.png\" alt=\"\" width=\"272\" height=\"72\" \/><\/p>\n<p>It can be modified, or saved in an external document. It is thus possible to share patterns or to build a library (small development to do if you find this function useful)<\/p>\n<p>Do not hesitate to leave a comment to give your opinion on these new possibilities.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-712 aligncenter\" src=\"https:\/\/www.raktres.net\/blog\/wp-content\/uploads\/2021\/09\/Capture-d\u2019\u00e9cran_2021-09-12_22-27-54.png\" alt=\"\" width=\"279\" height=\"444\" srcset=\"https:\/\/www.raktres.net\/blog\/wp-content\/uploads\/2021\/09\/Capture-d\u2019\u00e9cran_2021-09-12_22-27-54.png 279w, https:\/\/www.raktres.net\/blog\/wp-content\/uploads\/2021\/09\/Capture-d\u2019\u00e9cran_2021-09-12_22-27-54-189x300.png 189w\" sizes=\"(max-width: 279px) 85vw, 279px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-695 size-large aligncenter\" src=\"https:\/\/www.raktres.net\/blog\/wp-content\/uploads\/2021\/09\/seizenn_grid_2021-09-12T19_39_43-275x1024.png\" alt=\"\" width=\"275\" height=\"1024\" srcset=\"https:\/\/www.raktres.net\/blog\/wp-content\/uploads\/2021\/09\/seizenn_grid_2021-09-12T19_39_43-275x1024.png 275w, https:\/\/www.raktres.net\/blog\/wp-content\/uploads\/2021\/09\/seizenn_grid_2021-09-12T19_39_43.png 596w\" sizes=\"(max-width: 275px) 85vw, 275px\" \/><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Hi I keep improving the seizenn tool. After adding the possibility of making grid patterns, I tried to improve the use on the mobile device. The tool can now be installed on Android or iOS to be used without an internet connection. If you need help with the installation, you can see this\u00a0article on installing &hellip; <a href=\"https:\/\/www.raktres.net\/blog\/2021\/09\/22\/selection-tool-for-grid-patterns\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Selection tool for grid patterns&#8221;<\/span><\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[10,4,14,15,9],"tags":[],"class_list":["post-668","post","type-post","status-publish","format-standard","hentry","category-backstrap-weaving","category-inkle-loom","category-news","category-update","category-weaving"],"_links":{"self":[{"href":"https:\/\/www.raktres.net\/blog\/wp-json\/wp\/v2\/posts\/668"}],"collection":[{"href":"https:\/\/www.raktres.net\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.raktres.net\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.raktres.net\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.raktres.net\/blog\/wp-json\/wp\/v2\/comments?post=668"}],"version-history":[{"count":24,"href":"https:\/\/www.raktres.net\/blog\/wp-json\/wp\/v2\/posts\/668\/revisions"}],"predecessor-version":[{"id":771,"href":"https:\/\/www.raktres.net\/blog\/wp-json\/wp\/v2\/posts\/668\/revisions\/771"}],"wp:attachment":[{"href":"https:\/\/www.raktres.net\/blog\/wp-json\/wp\/v2\/media?parent=668"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.raktres.net\/blog\/wp-json\/wp\/v2\/categories?post=668"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.raktres.net\/blog\/wp-json\/wp\/v2\/tags?post=668"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}