ਐੱਨ. ਏ. ਐੱਮ. ਈ. _ 1 ਲਈ ਫਲੱਡ ਫਿਲ ਐਲਗੋਰਿਦਮ'] ", 'ਨਾਮ _ 1 ਲਈ ਫਲੱਡ ਫਿਲ ਐਲਗੋਰਿਦਮ', ' [\'ਨਾਮ _ 1 ਲਈ ਫਲੱਡ ਫਿਲ ਐਲਗੋਰਿਦਮ\', ਫਲੱਡ ਫਿਲ ਐਲਗੋਰਿਦਮ ਇੱਕ ਬਿੰਦੂ ਤੋਂ ਸ਼ੁਰੂ ਹੋਣ ਵਾਲੇ ਇੱਕ ਖਾਸ ਰੰਗ ਨਾਲ ਇੱਕ ਖੇਤਰ ਨੂੰ ਭਰਨ ਦਾ ਇੱਕ ਤਰੀਕਾ ਹੈ।ਵੱਖ-ਵੱਖ ਆਕਾਰ, ਜਿਵੇਂ ਕਿ ਚੱਕਰ, ਆਇਤਾਕਾਰ ਅਤੇ ਤਿਕੋਣ, ਇੱਕ ਗਰਾਫੀਕਲ ਉਪਭੋਗਤਾ ਇੰਟਰਫੇਸ ਵਿੱਚ ਖਿੱਚੋ। ਨਾਮ _ 1 ਦੇ ਸੰਦਰਭ ਵਿੱਚ, ਫਲੱਡ ਫਿਲ ਐਲਗੋਰਿਦਮ ਕਰ ਸਕਦਾ ਹੈਇੱਕ ਖੇਤਰ ਨੂੰ ਇੱਕ ਖਾਸ ਰੰਗ ਨਾਲ ਭਰਨ ਲਈ Konva.js ਲਾਇਬ੍ਰੇਰੀ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਵਰਤਿਆ ਜਾ ਸਕਦਾ ਹੈ। \\n\\n ਇੱਥੇ ਇੱਕ ਉਦਾਹਰਣ ਹੈ ਕਿ ਇਸ ਵਿੱਚ ਹਡ਼੍ਹ ਭਰਨ ਦੇ ਐਲਗੋਰਿਦਮ ਦੀ ਵਰਤੋਂ ਕਿਵੇਂ ਕੀਤੀ ਜਾਵੇ।ਨਾਮ _ 1: \'ਕੋਨਵਾ\' ਤੋਂ ਕੋਨਵਾ ਨੂੰ \'\\n\' \'\\ਨਿਮਪੋਰਟ ਕਰੋ; \\n\\n/ਇੱਕ ਕੋਨਵਾ ਪਡ਼ਾਅ ਬਣਾਓ \\nਕੌਂਸਟ ਪਡ਼ਾਅ = ਨਵਾਂ Konva.Stage (); \\n\\n// ਇੱਕ ਕੋਨਵਾ ਪਰਤ ਬਣਾਓ \\nਕੌਂਸਟ ਪਰਤ = ਨਵੀਂKonva.Layer (); \\n\\n/ਪਰਤ ਨੂੰ ਪਡ਼ਾਅ ਵਿੱਚ ਸ਼ਾਮਲ ਕਰੋ\\nstage.add (ਪਰਤ); \\n\\n/ਇੱਕ ਸ਼ਕਲ ਬਣਾਓ \\nਕੌਂਸਟ ਸ਼ਕਲ = ਨਵੀਂ Konva.NAME_2 ({\\n ਰੇਡੀਅਸਃ 50, \\n ਸਟਰੋਕਃ\'ਕਾਲਾ\', \\n ਭਰੋਃ \'ਲਾਲ\' \\n}); \\n\\n/ਪਰਤ ਵਿੱਚ ਸ਼ਕਲ ਸ਼ਾਮਲ ਕਰੋ\\nlayer.add (ਸ਼ਕਲ); \\n\\n// ਇੱਕ ਫਲੱਡ ਫਿਲ ਟੂਲ ਬਣਾਓ \\nਕੌਂਸਟ ਫਲੱਡਫਿਲ = ਨਵਾਂKonva.FloodFill ({\\n ਲੇਅਰਃ ਲੇਅਰ, \\n ਰੰਗਃ \'ਲਾਲ\' \\n}); \\n\\n/ਨਿਰਧਾਰਤ ਨਾਲ ਸ਼ਕਲ ਨੂੰ ਭਰਨ ਲਈ ਫਲੱਡ ਫਿਲ ਟੂਲ ਦੀ ਵਰਤੋਂ ਕਰੋਰੰਗ\\nfloodFill.fill (ਸ਼ਕਲ); \\n "\'\\n ਇਸ ਉਦਾਹਰਣ ਵਿੱਚ, ਅਸੀਂ ਪਹਿਲਾਂ ਇੱਕ ਕੋਨਵਾ ਪਡ਼ਾਅ ਅਤੇ ਪਰਤ ਬਣਾਉਂਦੇ ਹਾਂ, ਅਤੇ ਫਿਰ ਇੱਕ ਨਾਮ _ 2 ਸ਼ਕਲ ਬਣਾਉਂਦੇ ਹਾਂ।ਪਰਤ ਬਣਾਓ ਅਤੇ ਇੱਕ ਹਡ਼੍ਹ ਭਰਨ ਦਾ ਸੰਦ ਬਣਾਓ। ਅੰਤ ਵਿੱਚ, ਅਸੀਂ ਨਿਰਧਾਰਤ ਰੰਗ ਨਾਲ ਸ਼ਕਲ ਨੂੰ ਭਰਨ ਲਈ ਹਡ਼੍ਹ ਭਰਨ ਦੇ ਸੰਦ ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹਾਂ। \\n\\n ਮੈਨੂੰ ਉਮੀਦ ਹੈ ਕਿ ਇਹ ਮਦਦ ਕਰੇਗਾ!ਪਤਾ ਕਰੋ ਕਿ ਕੀ ਤੁਹਾਡੇ ਕੋਈ ਪ੍ਰਸ਼ਨ ਹਨ ਜਾਂ ਤੁਹਾਨੂੰ ਹੋਰ ਸਹਾਇਤਾ ਦੀ ਜ਼ਰੂਰਤ ਹੈ। ", \'ਫਲੱਡਫਿਲ ਫਾਰ ਫ੍ਰੀ ਡਰਾਅ ਨਾਮ _ 1\'] ', 'ਨਾਮ _ 1 ਲਈ ਫਲੱਡ ਫਿਲ ਐਲਗੋਰਿਦਮ', ' [\'ਨਾਮ _ 1 ਲਈ ਫਲੱਡ ਫਿਲ ਐਲਗੋਰਿਦਮ\', ਫਲੱਡ ਫਿਲ ਐਲਗੋਰਿਦਮ ਇੱਕ ਬਿੰਦੂ ਤੋਂ ਸ਼ੁਰੂ ਹੋਣ ਵਾਲੇ ਇੱਕ ਖਾਸ ਰੰਗ ਨਾਲ ਇੱਕ ਖੇਤਰ ਨੂੰ ਭਰਨ ਦਾ ਇੱਕ ਤਰੀਕਾ ਹੈ।ਵੱਖ-ਵੱਖ ਆਕਾਰ, ਜਿਵੇਂ ਕਿ ਚੱਕਰ, ਆਇਤਾਕਾਰ ਅਤੇ ਤਿਕੋਣ, ਇੱਕ ਗਰਾਫੀਕਲ ਉਪਭੋਗਤਾ ਇੰਟਰਫੇਸ ਵਿੱਚ ਖਿੱਚੋ। ਨਾਮ _ 1 ਦੇ ਸੰਦਰਭ ਵਿੱਚ, ਫਲੱਡ ਫਿਲ ਐਲਗੋਰਿਦਮ ਕਰ ਸਕਦਾ ਹੈਇੱਕ ਖੇਤਰ ਨੂੰ ਇੱਕ ਖਾਸ ਰੰਗ ਨਾਲ ਭਰਨ ਲਈ Konva.js ਲਾਇਬ੍ਰੇਰੀ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਵਰਤਿਆ ਜਾ ਸਕਦਾ ਹੈ। \\n\\n ਇੱਥੇ ਇੱਕ ਉਦਾਹਰਣ ਹੈ ਕਿ ਇਸ ਵਿੱਚ ਹਡ਼੍ਹ ਭਰਨ ਦੇ ਐਲਗੋਰਿਦਮ ਦੀ ਵਰਤੋਂ ਕਿਵੇਂ ਕੀਤੀ ਜਾਵੇ।ਨਾਮ _ 1: \'ਕੋਨਵਾ\' ਤੋਂ ਕੋਨਵਾ ਨੂੰ \'\\n\' \'\\ਨਿਮਪੋਰਟ ਕਰੋ; \\n\\n/ਇੱਕ ਕੋਨਵਾ ਪਡ਼ਾਅ ਬਣਾਓ \\nਕੌਂਸਟ ਪਡ਼ਾਅ = ਨਵਾਂ Konva.Stage (); \\n\\n// ਇੱਕ ਕੋਨਵਾ ਪਰਤ ਬਣਾਓ \\nਕੌਂਸਟ ਪਰਤ = ਨਵੀਂKonva.Layer (); \\n\\n/ਪਰਤ ਨੂੰ ਪਡ਼ਾਅ ਵਿੱਚ ਸ਼ਾਮਲ ਕਰੋ\\nstage.add (ਪਰਤ); \\n\\n/ਇੱਕ ਸ਼ਕਲ ਬਣਾਓ \\nਕੌਂਸਟ ਸ਼ਕਲ = ਨਵੀਂ Konva.NAME_2 ({\\n ਰੇਡੀਅਸਃ 50, \\n ਸਟਰੋਕਃ\'ਕਾਲਾ\', \\n ਭਰੋਃ \'ਲਾਲ\' \\n}); \\n\\n/ਪਰਤ ਵਿੱਚ ਸ਼ਕਲ ਸ਼ਾਮਲ ਕਰੋ\\nlayer.add (ਸ਼ਕਲ); \\n\\n// ਇੱਕ ਫਲੱਡ ਫਿਲ ਟੂਲ ਬਣਾਓ \\nਕੌਂਸਟ ਫਲੱਡਫਿਲ = ਨਵਾਂKonva.FloodFill ({\\n ਲੇਅਰਃ ਲੇਅਰ, \\n ਰੰਗਃ \'ਲਾਲ\' \\n}); \\n\\n/ਨਿਰਧਾਰਤ ਨਾਲ ਸ਼ਕਲ ਨੂੰ ਭਰਨ ਲਈ ਫਲੱਡ ਫਿਲ ਟੂਲ ਦੀ ਵਰਤੋਂ ਕਰੋਰੰਗ\\nfloodFill.fill (ਸ਼ਕਲ); \\n "\'\\n ਇਸ ਉਦਾਹਰਨ ਵਿੱਚ, ਅਸੀਂ ਪਹਿਲਾਂ ਇੱਕ ਕੋਨਵਾ ਪਡ਼ਾਅ ਅਤੇ ਪਰਤ ਬਣਾਉਂਦੇ ਹਾਂ, ਅਤੇ ਫਿਰ ਇੱਕ ਨਾਮ _ 2 ਸ਼ਕਲ ਬਣਾਉਂਦੇ ਹਾਂ।ਪਰਤ ਬਣਾਓ ਅਤੇ ਇੱਕ ਹਡ਼੍ਹ ਭਰਨ ਦਾ ਸੰਦ ਬਣਾਓ। ਅੰਤ ਵਿੱਚ, ਅਸੀਂ ਨਿਰਧਾਰਤ ਰੰਗ ਨਾਲ ਸ਼ਕਲ ਨੂੰ ਭਰਨ ਲਈ ਹਡ਼੍ਹ ਭਰਨ ਦੇ ਸੰਦ ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹਾਂ। \\n\\n ਮੈਨੂੰ ਉਮੀਦ ਹੈ ਕਿ ਇਹ ਮਦਦ ਕਰੇਗਾ!ਪਤਾ ਕਰੋ ਕਿ ਕੀ ਤੁਹਾਡੇ ਕੋਈ ਪ੍ਰਸ਼ਨ ਹਨ ਜਾਂ ਤੁਹਾਨੂੰ ਹੋਰ ਸਹਾਇਤਾ ਦੀ ਜ਼ਰੂਰਤ ਹੈ। ", \'ਮੁਫਤ ਡਰਾਅ ਲਈ ਫਲੱਡਫਿਲ ਨਾਮ _ 1\', ਇੱਕ ਮੁਫਤ ਡਰਾਅ ਵਿੱਚ ਫਲੱਡ ਫਿਲ ਐਲਗੋਰਿਦਮ ਦੀ ਵਰਤੋਂ ਕਰਨ ਲਈਐੱਨ. ਏ. ਐੱਮ. ਈ. _ 1 ਨਾਲ ਐਪਲੀਕੇਸ਼ਨ, ਤੁਸੀਂ ਇਹਨਾਂ ਕਦਮਾਂ ਦੀ ਪਾਲਣਾ ਕਰ ਸਕਦੇ ਹੋਃ \\n\\n1. ਇੱਕ ਕੋਨਵਾ ਪਡ਼ਾਅ ਅਤੇ ਪਰਤ ਬਣਾਓ। \\n2. ਪਰਤ ਵਿੱਚ ਇੱਕ ਸ਼ਕਲ ਸ਼ਾਮਲ ਕਰੋ। \\n3. ਇੱਕ ਹਡ਼੍ਹ ਭਰਨ ਸੰਦ ਬਣਾਓ।ਪਰਤ ਅਤੇ ਰੰਗ ਨੂੰ ਪਾਸ ਕਰਕੇ ਜਿਸ ਨਾਲ ਤੁਸੀਂ ਭਰਨਾ ਚਾਹੁੰਦੇ ਹੋ ਉਸ ਨੂੰ Konva.FloodFill ਕੰਸਟਰਕਟਰ. \\n4 ਨਾਲ ਭਰੋ।ਨਿਰਧਾਰਤ ਰੰਗ। \\n\\nਇੱਥੇ ਇੱਕ ਉਦਾਹਰਣ ਹੈ ਕਿ ਇਹ ਕਿਵੇਂ ਕੀਤਾ ਜਾ ਸਕਦਾ ਹੈਃ \\n \'\' ਕੋਨਵਾ \'ਤੋਂ ਕੋਨਵਾ ਨੂੰ ਨਿਪੋਰਟ ਕਰੋ; \\n\\n/ਇੱਕ ਕੋਨਵਾ ਪਡ਼ਾਅ ਬਣਾਓ\\nਕੌਂਸਟ ਪਡ਼ਾਅ = ਨਵਾਂKonva.Stage (); \\n\\n/ਇੱਕ ਕੋਨਵਾ ਪਰਤ ਬਣਾਓ \\nਕੋਨਸਟ ਪਰਤ = ਨਵੀਂ Konva.Layer (); \\n\\n// ਪਰਤ ਨੂੰ ਪਡ਼ਾਅ ਵਿੱਚ ਸ਼ਾਮਲ ਕਰੋ\\nstage.add (ਪਰਤ); \\n\\n// ਇੱਕ ਬਣਾਓਸ਼ਕਲ \\nਕੋਨਸਟ ਸ਼ਕਲ = ਨਵਾਂ Konva.NAME_2 ({\\n ਰੇਡੀਅਸਃ 50, \\n ਸਟਰੋਕਃ \'ਕਾਲਾ\', \\n ਭਰੋਃ \'ਲਾਲ\' \\n}); \\n\\n// ਪਰਤ ਵਿੱਚ ਸ਼ਕਲ ਨੂੰ ਸ਼ਾਮਲ ਕਰੋ\\nlayer.add (ਸ਼ਕਲ); \\n\\n//ਇੱਕ ਫਲੱਡ ਫਿਲ ਟੂਲ ਬਣਾਓ \\nਕੋਨਸਟ ਫਲੱਡਫਿਲ = ਨਵਾਂ Konva.FloodFill ({\\n ਲੇਅਰਃ ਲੇਅਰ, \\n ਰੰਗਃ \'ਲਾਲ\' \\n}); \\n\\n// ਸ਼ਕਲ ਨੂੰ ਭਰਨ ਲਈ ਫਲੱਡ ਫਿਲ ਟੂਲ ਦੀ ਵਰਤੋਂ ਕਰੋ।ਨਿਰਧਾਰਤ ਰੰਗ ਨਾਲ\\nfloodFill.fill (ਸ਼ਕਲ); \\n "\'\\n ਇਹ ਫਲੱਡ ਫਿਲ ਐਲਗੋਰਿਦਮ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਨਿਰਧਾਰਤ ਰੰਗ ਨਾਲ ਸ਼ਕਲ ਨੂੰ ਭਰੇਗਾ।ਕੰਸਟਰਕਟਰ ਨੂੰ ਵੱਖ-ਵੱਖ ਆਰਗੂਮੈਂਟ ਪਾਸ ਕਰਕੇ ਫਲੱਡ ਫਿਲ ਟੂਲ ਨੂੰ ਸੋਧੋ, ਜਿਵੇਂ ਕਿ ਸਹਿਣਸ਼ੀਲਤਾ ਅਤੇ ਫਿਲ ਰੰਗ। \\n\\n ਮੈਨੂੰ ਉਮੀਦ ਹੈ ਕਿ ਇਹ ਮਦਦ ਕਰੇਗਾ!ਪਤਾ ਕਰੋ ਕਿ ਕੀ ਤੁਹਾਡੇ ਕੋਈ ਪ੍ਰਸ਼ਨ ਹਨ ਜਾਂ ਤੁਹਾਨੂੰ ਹੋਰ ਸਹਾਇਤਾ ਦੀ ਜ਼ਰੂਰਤ ਹੈ। ", \'ਐੱਨ. ਏ. ਐੱਮ. ਈ. _ 1 ਨਾਲ ਬਣਿਆ ਐੱਮ. ਐੱਸ. ਪੇਂਟ ਕਲੋਨ\'] ', 'ਨਾਮ _ 1 ਲਈ ਫਲੱਡ ਫਿਲ ਐਲਗੋਰਿਦਮ', ' [\'ਨਾਮ _ 1 ਲਈ ਫਲੱਡ ਫਿਲ ਐਲਗੋਰਿਦਮ\', ਫਲੱਡ ਫਿਲ ਐਲਗੋਰਿਦਮ ਇੱਕ ਬਿੰਦੂ ਤੋਂ ਸ਼ੁਰੂ ਹੋਣ ਵਾਲੇ ਇੱਕ ਖਾਸ ਰੰਗ ਨਾਲ ਇੱਕ ਖੇਤਰ ਨੂੰ ਭਰਨ ਦਾ ਇੱਕ ਤਰੀਕਾ ਹੈ।ਵੱਖ-ਵੱਖ ਆਕਾਰ, ਜਿਵੇਂ ਕਿ ਚੱਕਰ, ਆਇਤਾਕਾਰ ਅਤੇ ਤਿਕੋਣ, ਇੱਕ ਗਰਾਫੀਕਲ ਉਪਭੋਗਤਾ ਇੰਟਰਫੇਸ ਵਿੱਚ ਖਿੱਚੋ। ਨਾਮ _ 1 ਦੇ ਸੰਦਰਭ ਵਿੱਚ, ਫਲੱਡ ਫਿਲ ਐਲਗੋਰਿਦਮ ਕਰ ਸਕਦਾ ਹੈਇੱਕ ਖੇਤਰ ਨੂੰ ਇੱਕ ਖਾਸ ਰੰਗ ਨਾਲ ਭਰਨ ਲਈ Konva.js ਲਾਇਬ੍ਰੇਰੀ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਵਰਤਿਆ ਜਾ ਸਕਦਾ ਹੈ। \\n\\n ਇੱਥੇ ਇੱਕ ਉਦਾਹਰਣ ਹੈ ਕਿ ਇਸ ਵਿੱਚ ਹਡ਼੍ਹ ਭਰਨ ਦੇ ਐਲਗੋਰਿਦਮ ਦੀ ਵਰਤੋਂ ਕਿਵੇਂ ਕੀਤੀ ਜਾਵੇ।ਨਾਮ _ 1: \'ਕੋਨਵਾ\' ਤੋਂ ਕੋਨਵਾ ਨੂੰ \'\\n\' \'\\ਨਿਮਪੋਰਟ ਕਰੋ; \\n\\n/ਇੱਕ ਕੋਨਵਾ ਪਡ਼ਾਅ ਬਣਾਓ \\nਕੌਂਸਟ ਪਡ਼ਾਅ = ਨਵਾਂ Konva.Stage (); \\n\\n// ਇੱਕ ਕੋਨਵਾ ਪਰਤ ਬਣਾਓ \\nਕੌਂਸਟ ਪਰਤ = ਨਵੀਂKonva.Layer (); \\n\\n/ਪਰਤ ਨੂੰ ਪਡ਼ਾਅ ਵਿੱਚ ਸ਼ਾਮਲ ਕਰੋ\\nstage.add (ਪਰਤ); \\n\\n/ਇੱਕ ਸ਼ਕਲ ਬਣਾਓ \\nਕੌਂਸਟ ਸ਼ਕਲ = ਨਵੀਂ Konva.NAME_2 ({\\n ਰੇਡੀਅਸਃ 50, \\n ਸਟਰੋਕਃ\'ਕਾਲਾ\', \\n ਭਰੋਃ \'ਲਾਲ\' \\n}); \\n\\n/ਪਰਤ ਵਿੱਚ ਸ਼ਕਲ ਸ਼ਾਮਲ ਕਰੋ\\nlayer.add (ਸ਼ਕਲ); \\n\\n// ਇੱਕ ਫਲੱਡ ਫਿਲ ਟੂਲ ਬਣਾਓ \\nਕੌਂਸਟ ਫਲੱਡਫਿਲ = ਨਵਾਂKonva.FloodFill ({\\n ਲੇਅਰਃ ਲੇਅਰ, \\n ਰੰਗਃ \'ਲਾਲ\' \\n}); \\n\\n/ਨਿਰਧਾਰਤ ਨਾਲ ਸ਼ਕਲ ਨੂੰ ਭਰਨ ਲਈ ਫਲੱਡ ਫਿਲ ਟੂਲ ਦੀ ਵਰਤੋਂ ਕਰੋਰੰਗ\\nfloodFill.fill (ਸ਼ਕਲ); \\n "\'\\n ਇਸ ਉਦਾਹਰਨ ਵਿੱਚ, ਅਸੀਂ ਪਹਿਲਾਂ ਇੱਕ ਕੋਨਵਾ ਪਡ਼ਾਅ ਅਤੇ ਪਰਤ ਬਣਾਉਂਦੇ ਹਾਂ, ਅਤੇ ਫਿਰ ਇੱਕ ਨਾਮ _ 2 ਸ਼ਕਲ ਬਣਾਉਂਦੇ ਹਾਂ।ਪਰਤ ਬਣਾਓ ਅਤੇ ਇੱਕ ਹਡ਼੍ਹ ਭਰਨ ਦਾ ਸੰਦ ਬਣਾਓ। ਅੰਤ ਵਿੱਚ, ਅਸੀਂ ਨਿਰਧਾਰਤ ਰੰਗ ਨਾਲ ਸ਼ਕਲ ਨੂੰ ਭਰਨ ਲਈ ਹਡ਼੍ਹ ਭਰਨ ਦੇ ਸੰਦ ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹਾਂ। \\n\\n ਮੈਨੂੰ ਉਮੀਦ ਹੈ ਕਿ ਇਹ ਮਦਦ ਕਰੇਗਾ!ਪਤਾ ਕਰੋ ਕਿ ਕੀ ਤੁਹਾਡੇ ਕੋਈ ਪ੍ਰਸ਼ਨ ਹਨ ਜਾਂ ਤੁਹਾਨੂੰ ਹੋਰ ਸਹਾਇਤਾ ਦੀ ਜ਼ਰੂਰਤ ਹੈ। ", \'ਮੁਫਤ ਡਰਾਅ ਲਈ ਫਲੱਡਫਿਲ ਨਾਮ _ 1\', ਇੱਕ ਮੁਫਤ ਡਰਾਅ ਵਿੱਚ ਫਲੱਡ ਫਿਲ ਐਲਗੋਰਿਦਮ ਦੀ ਵਰਤੋਂ ਕਰਨ ਲਈਐੱਨ. ਏ. ਐੱਮ. ਈ. _ 1 ਨਾਲ ਐਪਲੀਕੇਸ਼ਨ, ਤੁਸੀਂ ਇਹਨਾਂ ਕਦਮਾਂ ਦੀ ਪਾਲਣਾ ਕਰ ਸਕਦੇ ਹੋਃ \\n\\n1. ਇੱਕ ਕੋਨਵਾ ਪਡ਼ਾਅ ਅਤੇ ਪਰਤ ਬਣਾਓ। \\n2. ਪਰਤ ਵਿੱਚ ਇੱਕ ਸ਼ਕਲ ਸ਼ਾਮਲ ਕਰੋ। \\n3. ਇੱਕ ਹਡ਼੍ਹ ਭਰਨ ਸੰਦ ਬਣਾਓ।ਪਰਤ ਅਤੇ ਰੰਗ ਨੂੰ ਪਾਸ ਕਰਕੇ ਜਿਸ ਨਾਲ ਤੁਸੀਂ ਭਰਨਾ ਚਾਹੁੰਦੇ ਹੋ ਉਸ ਨੂੰ Konva.FloodFill ਕੰਸਟਰਕਟਰ. \\n4 ਨਾਲ ਭਰੋ।ਨਿਰਧਾਰਤ ਰੰਗ। \\n\\nਇੱਥੇ ਇੱਕ ਉਦਾਹਰਣ ਹੈ ਕਿ ਇਹ ਕਿਵੇਂ ਕੀਤਾ ਜਾ ਸਕਦਾ ਹੈਃ \\n \'\' ਕੋਨਵਾ \'ਤੋਂ ਕੋਨਵਾ ਨੂੰ ਨਿਪੋਰਟ ਕਰੋ; \\n\\n/ਇੱਕ ਕੋਨਵਾ ਪਡ਼ਾਅ ਬਣਾਓ\\nਕੌਂਸਟ ਪਡ਼ਾਅ = ਨਵਾਂKonva.Stage (); \\n\\n/ਇੱਕ ਕੋਨਵਾ ਪਰਤ ਬਣਾਓ \\nਕੋਨਸਟ ਪਰਤ = ਨਵੀਂ Konva.Layer (); \\n\\n// ਪਰਤ ਨੂੰ ਪਡ਼ਾਅ ਵਿੱਚ ਸ਼ਾਮਲ ਕਰੋ\\nstage.add (ਪਰਤ); \\n\\n// ਇੱਕ ਬਣਾਓਸ਼ਕਲ \\nਕੋਨਸਟ ਸ਼ਕਲ = ਨਵਾਂ Konva.NAME_2 ({\\n ਰੇਡੀਅਸਃ 50, \\n ਸਟਰੋਕਃ \'ਕਾਲਾ\', \\n ਭਰੋਃ \'ਲਾਲ\' \\n}); \\n\\n// ਪਰਤ ਵਿੱਚ ਸ਼ਕਲ ਨੂੰ ਸ਼ਾਮਲ ਕਰੋ\\nlayer.add (ਸ਼ਕਲ); \\n\\n//ਇੱਕ ਫਲੱਡ ਫਿਲ ਟੂਲ ਬਣਾਓ \\nਕੋਨਸਟ ਫਲੱਡਫਿਲ = ਨਵਾਂ Konva.FloodFill ({\\n ਲੇਅਰਃ ਲੇਅਰ, \\n ਰੰਗਃ \'ਲਾਲ\' \\n}); \\n\\n// ਸ਼ਕਲ ਨੂੰ ਭਰਨ ਲਈ ਫਲੱਡ ਫਿਲ ਟੂਲ ਦੀ ਵਰਤੋਂ ਕਰੋ।ਨਿਰਧਾਰਤ ਰੰਗ ਨਾਲ\\nfloodFill.fill (ਸ਼ਕਲ); \\n "\'\\n ਇਹ ਫਲੱਡ ਫਿਲ ਐਲਗੋਰਿਦਮ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਨਿਰਧਾਰਤ ਰੰਗ ਨਾਲ ਸ਼ਕਲ ਨੂੰ ਭਰੇਗਾ।ਕੰਸਟਰਕਟਰ ਨੂੰ ਵੱਖ-ਵੱਖ ਆਰਗੂਮੈਂਟ ਪਾਸ ਕਰਕੇ ਫਲੱਡ ਫਿਲ ਟੂਲ ਨੂੰ ਸੋਧੋ, ਜਿਵੇਂ ਕਿ ਸਹਿਣਸ਼ੀਲਤਾ ਅਤੇ ਫਿਲ ਰੰਗ। \\n\\n ਮੈਨੂੰ ਉਮੀਦ ਹੈ ਕਿ ਇਹ ਮਦਦ ਕਰੇਗਾ!ਪਤਾ ਕਰੋ ਕਿ ਕੀ ਤੁਹਾਡੇ ਕੋਈ ਪ੍ਰਸ਼ਨ ਹਨ ਜਾਂ ਤੁਹਾਨੂੰ ਹੋਰ ਸਹਾਇਤਾ ਦੀ ਜ਼ਰੂਰਤ ਹੈ। ", \'ਐੱਮ. ਐੱਸ. ਪੇਂਟ ਕਲੋਨ ਨਾਮ _ 1 ਨਾਲ ਬਣਿਆ\', \'ਐੱਨ. ਏ. ਐੱਮ. ਈ. _ 1 ਦੀ ਵਰਤੋਂ ਨਾਲ ਐੱਮ. ਐੱਸ. ਪੇਂਟ ਕਲੋਨ ਬਣਾਉਣ ਲਈ, ਤੁਸੀਂ ਕਰ ਸਕਦੇ ਹੋ।ਇਹਨਾਂ ਕਦਮਾਂ ਦੀ ਪਾਲਣਾ ਕਰੋ-\\n\\n1. ਆਪਣਾ ਪ੍ਰੋਜੈਕਟ ਸੈੱਟ ਅੱਪਃ NAME _ 1 ਅਤੇ ਕੋਈ ਹੋਰ ਜ਼ਰੂਰੀ ਨਿਰਭਰਤਾ ਇੰਸਟਾਲ ਕਰੋ। \\n2. ਆਪਣੀ ਪ੍ਰਤੀਕ੍ਰਿਆ ਵਿੱਚ ਇੱਕ ਕੈਨਵਸ ਤੱਤ ਬਣਾਓ।ਕੰਪੋਨੈਂਟਃ ਤੁਸੀਂ ਇੱਕ ਕੈਨਵਸ ਤੱਤ ਬਣਾਉਣ ਅਤੇ ਇਸ ਨੂੰ ਆਪਣੇ ਕੰਪੋਨੈਂਟ ਵਿੱਚ ਜੋਡ਼ਨ ਲਈ \'Konva.createCanvas ()\' ਫੰਕਸ਼ਨ ਦੀ ਵਰਤੋਂ ਕਰ ਸਕਦੇ ਹੋ।ਕੈਨਵਸ ਵਿੱਚ ਵੱਖ-ਵੱਖ ਕਿਸਮਾਂ ਦੀਆਂ ਸ਼ਕਲਾਂ ਜੋਡ਼ਨ ਲਈ \'Konva.NAME_2 ()\', \'Konva.Rect ()\' ਅਤੇ ਹੋਰ ਕੋਨਵਾ ਸ਼ਕਲਾਂ ਦੀ ਵਰਤੋਂ ਕੀਤੀ ਜਾ ਸਕਦੀ ਹੈ।ਕੈਨਵਸ ਵਿੱਚ ਚਿੱਤਰ ਜੋਡ਼ਨ ਲਈ \'Konva.Image ()\' ਫੰਕਸ਼ਨ। \\n4. ਇੰਟਰਐਕਟੀਵਿਟੀ ਜੋਡ਼ੋਃ ਤੁਸੀਂ ਆਪਣੇ ਪ੍ਰੋਗਰਾਮ ਵਿੱਚ ਇੰਟਰਐਕਟੀਵਿਟੀ ਜੋਡ਼ਨ ਲਈ Konva.js ਈਵੈਂਟ ਸਰੋਤਿਆਂ ਦੀ ਵਰਤੋਂ ਕਰ ਸਕਦੇ ਹੋ।ਆਕਾਰ. ਉਦਾਹਰਨ ਲਈ, ਤੁਸੀਂ ਇੱਕ ਮਾਊਸ ਸੁਣਨ ਵਾਲੇ ਨੂੰ ਇਸ ਦੇ ਰੰਗ ਜਾਂ ਅਕਾਰ ਨੂੰ ਬਦਲਣ ਲਈ ਇੱਕ ਆਕਾਰ ਵਿੱਚ ਜੋਡ਼ ਸਕਦੇ ਹੋ ਜਦੋਂ ਉਪਭੋਗਤਾ ਇਸ ਉੱਤੇ ਕਲਿੱਕ ਕਰਦਾ ਹੈ। \\n5. ਕੋਨਵਾ ਪਡ਼ਾਅ ਅਤੇ ਪਰਤ ਦੀ ਵਰਤੋਂ ਕਰੋਆਪਣੀਆਂ ਸ਼ਕਲਾਂ ਨੂੰ ਸੰਗਠਿਤ ਕਰਨ ਲਈਃ ਤੁਸੀਂ ਆਪਣੀਆਂ ਸ਼ਕਲਾਂ ਨੂੰ ਵੱਖ-ਵੱਖ ਪਰਤਾਂ ਅਤੇ ਪਡ਼ਾਵਾਂ ਵਿੱਚ ਸੰਗਠਿਤ ਕਰਨ ਲਈ \'Konva.Stage ()\' ਅਤੇ \'Konva.Layer ()\' ਫੰਕਸ਼ਨਾਂ ਦੀ ਵਰਤੋਂ ਕਰ ਸਕਦੇ ਹੋ।ਤੁਹਾਨੂੰ ਆਪਣੇ ਆਕਾਰਾਂ ਦੇ ਕ੍ਰਮ ਅਤੇ ਸਥਿਤੀ ਨੂੰ ਨਿਯੰਤਰਿਤ ਕਰਨ ਦੀ ਆਗਿਆ ਦੇਵੇਗਾ। \\n6. ਐਨੀਮੇਸ਼ਨ ਜੋਡ਼ਨ ਲਈ Konva.js ਐਨੀਮੇਸ਼ਨ ਫੰਕਸ਼ਨਾਂ ਦੀ ਵਰਤੋਂ ਕਰੋਃ ਤੁਸੀਂ Konva.js ਦੀ ਵਰਤੋਂ ਕਰ ਸਕਦੇ ਹੋ।ਐਨੀਮੇਸ਼ਨ ਫੰਕਸ਼ਨ, ਜਿਵੇਂ ਕਿ \'Konva.Animation ()\', ਤੁਹਾਡੀਆਂ ਸ਼ਕਲਾਂ ਵਿੱਚ ਐਨੀਮੇਸ਼ਨ ਜੋਡ਼ਨ ਲਈ। \\n\\nਇੱਥੇ ਇੱਕ ਉਦਾਹਰਣ ਹੈ ਕਿ ਇਸ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਇੱਕ ਐੱਮ. ਐੱਸ. ਪੇਂਟ ਕਲੋਨ ਕਿਵੇਂ ਬਣਾਇਆ ਜਾਵੇ।ਨਾਮ _ 1: \'ਪ੍ਰਤੀਕ੍ਰਿਆ\' ਤੋਂ ਪ੍ਰਤੀਕ੍ਰਿਆ; \'ਕੋਨਵਾ\' ਤੋਂ ਪ੍ਰਤੀਕ੍ਰਿਆ; \'ਕੋਨਵਾ\' ਤੋਂ ਪ੍ਰਤੀਕ੍ਰਿਆ; \'ਕੋਨਵਾ\' ਤੋਂ ਪ੍ਰਤੀਕ੍ਰਿਆ; \'ਕੋਨਵਾ\' ਤੋਂ ਪ੍ਰਤੀਕ੍ਰਿਆ; \'ਕੋਨਵਾ\' ਤੋਂ ਪ੍ਰਤੀਕ੍ਰਿਆ; \'ਕੋਨਵਾ\' ਤੋਂ ਪ੍ਰਤੀਕ੍ਰਿਆ; \'ਕੋਨਵਾ\' ਤੋਂ ਪ੍ਰਤੀਕ੍ਰਿਆ; \'ਕੋਨਵਾ\' ਤੋਂ ਪ੍ਰਤੀਕ੍ਰਿਆ; \'ਕੋਨਵਾ\' ਤੋਂ ਪ੍ਰਤੀਕ੍ਰਿਆ; \'ਕੋਨਵਾ\' ਤੋਂ ਪ੍ਰਤੀਕ੍ਰਿਆ; \'ਕੋਨਵਾ\' ਤੋਂ ਪ੍ਰਤੀਕ੍ਰਿਆ; \'ਕੋਨਵਾ\' ਤੋਂ ਪ੍ਰਤੀਕ੍ਰਿਆ; \'ਕੋਨਵਾ\' ਤੋਂ ਪ੍ਰਤੀਕ੍ਰਿਆ; \'ਕੋਨਵਾ\' ਤੋਂ ਪ੍ਰਤੀਕ੍ਰਿਆ; \'ਕੋਨਵਾ\' ਤੋਂ ਪ੍ਰਤੀਕ੍ਰਿਆ; \'ਕੋਨਵਾ\' ਤੋਂ ਪ੍ਰਤੀਕ੍ਰਿਆ; \'ਕੋਨਵਾ\' ਤੋਂ ਪ੍ਰਤੀਕ੍ਰਿਆ; \'ਕੋਨਵਾ\' ਤੋਂ ਪ੍ਰਤੀਕ੍ਰਿਆ; \'ਕੋਨਵਾ\' ਤੋਂ ਪ੍ਰਤੀਕ੍ਰਿਆ; \'ਕੋਨਵਾ\' ਤੋਂ ਪ੍ਰਤੀਕ੍ਰਿਆ; \'ਕੋਨਵਾ\' ਤੋਂ ਪ੍ਰਤੀਕ੍ਰਿਆReact.useState (\'ਲਾਲ\'); \\n\\n ਕਾਂਸਟ ਹੈਂਡਲਕਲਰਚੇਂਜ = (ਰੰਗ) => {\\n ਸੈੱਟਕਲਰ (ਰੰਗ); \\n}; \\n\\n ਰਿਟਰਨ (\\n <ਡਿਵੀ> \\n <ਕੈਨਵਸ ਰਿਫ = {ਕੈਨਵਸਰੇਫ}/> \\n <ਬਟਨonClick = {() => ਹੈਂਡਲਕਲਰਚੇਂਜ (\'ਨੀਲਾ\')}> \\n ਰੰਗ ਨੂੰ ਨੀਲੇ ਵਿੱਚ ਬਦਲੋ \\n </ਬਟਨ> \\n </ਡਿਵੀ> \\n; \\n}; \\n\\nਕੌਂਸਟ ਕੈਨਵਸਰੇਫ = React.useRef (ਨੱਲ); \\n\\nexਪੋਰਟਡਿਫਾਲਟ ਪੇਂਟਐਪ; \\n \'\\n ਇਸ ਉਦਾਹਰਨ ਵਿੱਚ, ਅਸੀਂ ਇੱਕ\' ਪੇਂਟਐਪ \'ਕੰਪੋਨੈਂਟ ਬਣਾਉਂਦੇ ਹਾਂ ਜੋ ਇੱਕ ਕੈਨਵਸ ਤੱਤ ਅਤੇ ਇੱਕ ਬਟਨ ਪੇਸ਼ ਕਰਦਾ ਹੈ। ਜਦੋਂ ਬਟਨ ਨੂੰ ਕਲਿੱਕ ਕੀਤਾ ਜਾਂਦਾ ਹੈ, ਤਾਂਕੈਨਵਸ ਦਾ ਰੰਗ ਨੀਲੇ ਵਿੱਚ ਬਦਲ ਦਿੱਤਾ ਗਿਆ ਹੈ। \\n\\n ਮੈਨੂੰ ਉਮੀਦ ਹੈ ਕਿ ਇਸ ਨਾਲ ਮਦਦ ਮਿਲੇਗੀ! ਮੈਨੂੰ ਦੱਸੋ, \'ਸਾਰੇ ਸਾਧਨਾਂ ਨਾਲ ਇੱਕ ਐੱਮ. ਐੱਸ. ਪੇਂਟ ਕਲੋਨ ਬਣਾਓ ਨਾਮ _ 1\'] ', 'ਨਾਮ _ 1 ਲਈ ਫਲੱਡ ਫਿਲ ਐਲਗੋਰਿਦਮ', ' [\'ਨਾਮ _ 1 ਲਈ ਫਲੱਡ ਫਿਲ ਐਲਗੋਰਿਦਮ\', ਫਲੱਡ ਫਿਲ ਐਲਗੋਰਿਦਮ ਇੱਕ ਬਿੰਦੂ ਤੋਂ ਸ਼ੁਰੂ ਹੋਣ ਵਾਲੇ ਇੱਕ ਖਾਸ ਰੰਗ ਨਾਲ ਇੱਕ ਖੇਤਰ ਨੂੰ ਭਰਨ ਦਾ ਇੱਕ ਤਰੀਕਾ ਹੈ।ਵੱਖ-ਵੱਖ ਆਕਾਰ, ਜਿਵੇਂ ਕਿ ਚੱਕਰ, ਆਇਤਾਕਾਰ ਅਤੇ ਤਿਕੋਣ, ਇੱਕ ਗਰਾਫੀਕਲ ਉਪਭੋਗਤਾ ਇੰਟਰਫੇਸ ਵਿੱਚ ਖਿੱਚੋ। ਨਾਮ _ 1 ਦੇ ਸੰਦਰਭ ਵਿੱਚ, ਫਲੱਡ ਫਿਲ ਐਲਗੋਰਿਦਮ ਕਰ ਸਕਦਾ ਹੈਇੱਕ ਖੇਤਰ ਨੂੰ ਇੱਕ ਖਾਸ ਰੰਗ ਨਾਲ ਭਰਨ ਲਈ Konva.js ਲਾਇਬ੍ਰੇਰੀ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਵਰਤਿਆ ਜਾ ਸਕਦਾ ਹੈ। \\n\\n ਇੱਥੇ ਇੱਕ ਉਦਾਹਰਣ ਹੈ ਕਿ ਇਸ ਵਿੱਚ ਹਡ਼੍ਹ ਭਰਨ ਦੇ ਐਲਗੋਰਿਦਮ ਦੀ ਵਰਤੋਂ ਕਿਵੇਂ ਕੀਤੀ ਜਾਵੇ।ਨਾਮ _ 1: \'ਕੋਨਵਾ\' ਤੋਂ ਕੋਨਵਾ ਨੂੰ \'\\n\' \'\\ਨਿਮਪੋਰਟ ਕਰੋ; \\n\\n/ਇੱਕ ਕੋਨਵਾ ਪਡ਼ਾਅ ਬਣਾਓ \\nਕੌਂਸਟ ਪਡ਼ਾਅ = ਨਵਾਂ Konva.Stage (); \\n\\n// ਇੱਕ ਕੋਨਵਾ ਪਰਤ ਬਣਾਓ \\nਕੌਂਸਟ ਪਰਤ = ਨਵੀਂKonva.Layer (); \\n\\n/ਪਰਤ ਨੂੰ ਪਡ਼ਾਅ ਵਿੱਚ ਸ਼ਾਮਲ ਕਰੋ\\nstage.add (ਪਰਤ); \\n\\n/ਇੱਕ ਸ਼ਕਲ ਬਣਾਓ \\nਕੌਂਸਟ ਸ਼ਕਲ = ਨਵੀਂ Konva.NAME_2 ({\\n ਰੇਡੀਅਸਃ 50, \\n ਸਟਰੋਕਃ\'ਕਾਲਾ\', \\n ਭਰੋਃ \'ਲਾਲ\' \\n}); \\n\\n/ਪਰਤ ਵਿੱਚ ਸ਼ਕਲ ਸ਼ਾਮਲ ਕਰੋ\\nlayer.add (ਸ਼ਕਲ); \\n\\n// ਇੱਕ ਫਲੱਡ ਫਿਲ ਟੂਲ ਬਣਾਓ \\nਕੌਂਸਟ ਫਲੱਡਫਿਲ = ਨਵਾਂKonva.FloodFill ({\\n ਲੇਅਰਃ ਲੇਅਰ, \\n ਰੰਗਃ \'ਲਾਲ\' \\n}); \\n\\n/ਨਿਰਧਾਰਤ ਨਾਲ ਸ਼ਕਲ ਨੂੰ ਭਰਨ ਲਈ ਫਲੱਡ ਫਿਲ ਟੂਲ ਦੀ ਵਰਤੋਂ ਕਰੋਰੰਗ\\nfloodFill.fill (ਸ਼ਕਲ); \\n "\'\\n ਇਸ ਉਦਾਹਰਨ ਵਿੱਚ, ਅਸੀਂ ਪਹਿਲਾਂ ਇੱਕ ਕੋਨਵਾ ਪਡ਼ਾਅ ਅਤੇ ਪਰਤ ਬਣਾਉਂਦੇ ਹਾਂ, ਅਤੇ ਫਿਰ ਇੱਕ ਨਾਮ _ 2 ਸ਼ਕਲ ਬਣਾਉਂਦੇ ਹਾਂ।ਪਰਤ ਬਣਾਓ ਅਤੇ ਇੱਕ ਹਡ਼੍ਹ ਭਰਨ ਦਾ ਸੰਦ ਬਣਾਓ। ਅੰਤ ਵਿੱਚ, ਅਸੀਂ ਨਿਰਧਾਰਤ ਰੰਗ ਨਾਲ ਸ਼ਕਲ ਨੂੰ ਭਰਨ ਲਈ ਹਡ਼੍ਹ ਭਰਨ ਦੇ ਸੰਦ ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹਾਂ। \\n\\n ਮੈਨੂੰ ਉਮੀਦ ਹੈ ਕਿ ਇਹ ਮਦਦ ਕਰੇਗਾ!ਪਤਾ ਕਰੋ ਕਿ ਕੀ ਤੁਹਾਡੇ ਕੋਈ ਪ੍ਰਸ਼ਨ ਹਨ ਜਾਂ ਤੁਹਾਨੂੰ ਹੋਰ ਸਹਾਇਤਾ ਦੀ ਜ਼ਰੂਰਤ ਹੈ। ", \'ਮੁਫਤ ਡਰਾਅ ਲਈ ਫਲੱਡਫਿਲ ਨਾਮ _ 1\', ਇੱਕ ਮੁਫਤ ਡਰਾਅ ਵਿੱਚ ਫਲੱਡ ਫਿਲ ਐਲਗੋਰਿਦਮ ਦੀ ਵਰਤੋਂ ਕਰਨ ਲਈਐੱਨ. ਏ. ਐੱਮ. ਈ. _ 1 ਨਾਲ ਐਪਲੀਕੇਸ਼ਨ, ਤੁਸੀਂ ਇਹਨਾਂ ਕਦਮਾਂ ਦੀ ਪਾਲਣਾ ਕਰ ਸਕਦੇ ਹੋਃ \\n\\n1. ਇੱਕ ਕੋਨਵਾ ਪਡ਼ਾਅ ਅਤੇ ਪਰਤ ਬਣਾਓ। \\n2. ਪਰਤ ਵਿੱਚ ਇੱਕ ਸ਼ਕਲ ਸ਼ਾਮਲ ਕਰੋ। \\n3. ਇੱਕ ਹਡ਼੍ਹ ਭਰਨ ਸੰਦ ਬਣਾਓ।ਪਰਤ ਅਤੇ ਰੰਗ ਨੂੰ ਪਾਸ ਕਰਕੇ ਜਿਸ ਨਾਲ ਤੁਸੀਂ ਭਰਨਾ ਚਾਹੁੰਦੇ ਹੋ ਉਸ ਨੂੰ Konva.FloodFill ਕੰਸਟਰਕਟਰ. \\n4 ਨਾਲ ਭਰੋ।ਨਿਰਧਾਰਤ ਰੰਗ। \\n\\nਇੱਥੇ ਇੱਕ ਉਦਾਹਰਣ ਹੈ ਕਿ ਇਹ ਕਿਵੇਂ ਕੀਤਾ ਜਾ ਸਕਦਾ ਹੈਃ \\n \'\' ਕੋਨਵਾ \'ਤੋਂ ਕੋਨਵਾ ਨੂੰ ਨਿਪੋਰਟ ਕਰੋ; \\n\\n/ਇੱਕ ਕੋਨਵਾ ਪਡ਼ਾਅ ਬਣਾਓ\\nਕੌਂਸਟ ਪਡ਼ਾਅ = ਨਵਾਂKonva.Stage (); \\n\\n/ਇੱਕ ਕੋਨਵਾ ਪਰਤ ਬਣਾਓ \\nਕੋਨਸਟ ਪਰਤ = ਨਵੀਂ Konva.Layer (); \\n\\n// ਪਰਤ ਨੂੰ ਪਡ਼ਾਅ ਵਿੱਚ ਸ਼ਾਮਲ ਕਰੋ\\nstage.add (ਪਰਤ); \\n\\n// ਇੱਕ ਬਣਾਓਸ਼ਕਲ \\nਕੋਨਸਟ ਸ਼ਕਲ = ਨਵਾਂ Konva.NAME_2 ({\\n ਰੇਡੀਅਸਃ 50, \\n ਸਟਰੋਕਃ \'ਕਾਲਾ\', \\n ਭਰੋਃ \'ਲਾਲ\' \\n}); \\n\\n// ਪਰਤ ਵਿੱਚ ਸ਼ਕਲ ਨੂੰ ਸ਼ਾਮਲ ਕਰੋ\\nlayer.add (ਸ਼ਕਲ); \\n\\n//ਇੱਕ ਫਲੱਡ ਫਿਲ ਟੂਲ ਬਣਾਓ \\nਕੋਨਸਟ ਫਲੱਡਫਿਲ = ਨਵਾਂ Konva.FloodFill ({\\n ਲੇਅਰਃ ਲੇਅਰ, \\n ਰੰਗਃ \'ਲਾਲ\' \\n}); \\n\\n// ਸ਼ਕਲ ਨੂੰ ਭਰਨ ਲਈ ਫਲੱਡ ਫਿਲ ਟੂਲ ਦੀ ਵਰਤੋਂ ਕਰੋ।ਨਿਰਧਾਰਤ ਰੰਗ ਨਾਲ\\nfloodFill.fill (ਸ਼ਕਲ); \\n "\'\\n ਇਹ ਫਲੱਡ ਫਿਲ ਐਲਗੋਰਿਦਮ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਨਿਰਧਾਰਤ ਰੰਗ ਨਾਲ ਸ਼ਕਲ ਨੂੰ ਭਰੇਗਾ।ਕੰਸਟਰਕਟਰ ਨੂੰ ਵੱਖ-ਵੱਖ ਆਰਗੂਮੈਂਟ ਪਾਸ ਕਰਕੇ ਫਲੱਡ ਫਿਲ ਟੂਲ ਨੂੰ ਸੋਧੋ, ਜਿਵੇਂ ਕਿ ਸਹਿਣਸ਼ੀਲਤਾ ਅਤੇ ਫਿਲ ਰੰਗ। \\n\\n ਮੈਨੂੰ ਉਮੀਦ ਹੈ ਕਿ ਇਹ ਮਦਦ ਕਰੇਗਾ!ਪਤਾ ਕਰੋ ਕਿ ਕੀ ਤੁਹਾਡੇ ਕੋਈ ਪ੍ਰਸ਼ਨ ਹਨ ਜਾਂ ਤੁਹਾਨੂੰ ਹੋਰ ਸਹਾਇਤਾ ਦੀ ਜ਼ਰੂਰਤ ਹੈ। ", \'ਐੱਮ. ਐੱਸ. ਪੇਂਟ ਕਲੋਨ ਨਾਮ _ 1 ਨਾਲ ਬਣਿਆ\', \'ਐੱਨ. ਏ. ਐੱਮ. ਈ. _ 1 ਦੀ ਵਰਤੋਂ ਨਾਲ ਐੱਮ. ਐੱਸ. ਪੇਂਟ ਕਲੋਨ ਬਣਾਉਣ ਲਈ, ਤੁਸੀਂ ਕਰ ਸਕਦੇ ਹੋ।ਇਹਨਾਂ ਕਦਮਾਂ ਦੀ ਪਾਲਣਾ ਕਰੋ-\\n\\n1. ਆਪਣਾ ਪ੍ਰੋਜੈਕਟ ਸੈੱਟ ਅੱਪਃ NAME _ 1 ਅਤੇ ਕੋਈ ਹੋਰ ਜ਼ਰੂਰੀ ਨਿਰਭਰਤਾ ਇੰਸਟਾਲ ਕਰੋ। \\n2. ਆਪਣੀ ਪ੍ਰਤੀਕ੍ਰਿਆ ਵਿੱਚ ਇੱਕ ਕੈਨਵਸ ਤੱਤ ਬਣਾਓ।ਕੰਪੋਨੈਂਟਃ ਤੁਸੀਂ ਇੱਕ ਕੈਨਵਸ ਤੱਤ ਬਣਾਉਣ ਅਤੇ ਇਸ ਨੂੰ ਆਪਣੇ ਕੰਪੋਨੈਂਟ ਵਿੱਚ ਜੋਡ਼ਨ ਲਈ \'Konva.createCanvas ()\' ਫੰਕਸ਼ਨ ਦੀ ਵਰਤੋਂ ਕਰ ਸਕਦੇ ਹੋ।ਕੈਨਵਸ ਵਿੱਚ ਵੱਖ-ਵੱਖ ਕਿਸਮਾਂ ਦੀਆਂ ਸ਼ਕਲਾਂ ਜੋਡ਼ਨ ਲਈ \'Konva.NAME_2 ()\', \'Konva.Rect ()\' ਅਤੇ ਹੋਰ ਕੋਨਵਾ ਸ਼ਕਲਾਂ ਦੀ ਵਰਤੋਂ ਕੀਤੀ ਜਾ ਸਕਦੀ ਹੈ।ਕੈਨਵਸ ਵਿੱਚ ਚਿੱਤਰ ਜੋਡ਼ਨ ਲਈ \'Konva.Image ()\' ਫੰਕਸ਼ਨ। \\n4. ਇੰਟਰਐਕਟੀਵਿਟੀ ਜੋਡ਼ੋਃ ਤੁਸੀਂ ਆਪਣੇ ਪ੍ਰੋਗਰਾਮ ਵਿੱਚ ਇੰਟਰਐਕਟੀਵਿਟੀ ਜੋਡ਼ਨ ਲਈ Konva.js ਈਵੈਂਟ ਸਰੋਤਿਆਂ ਦੀ ਵਰਤੋਂ ਕਰ ਸਕਦੇ ਹੋ।ਆਕਾਰ. ਉਦਾਹਰਨ ਲਈ, ਤੁਸੀਂ ਇੱਕ ਮਾਊਸ ਸੁਣਨ ਵਾਲੇ ਨੂੰ ਇਸ ਦੇ ਰੰਗ ਜਾਂ ਅਕਾਰ ਨੂੰ ਬਦਲਣ ਲਈ ਇੱਕ ਆਕਾਰ ਵਿੱਚ ਜੋਡ਼ ਸਕਦੇ ਹੋ ਜਦੋਂ ਉਪਭੋਗਤਾ ਇਸ ਉੱਤੇ ਕਲਿੱਕ ਕਰਦਾ ਹੈ। \\n5. ਕੋਨਵਾ ਪਡ਼ਾਅ ਅਤੇ ਪਰਤ ਦੀ ਵਰਤੋਂ ਕਰੋਆਪਣੀਆਂ ਸ਼ਕਲਾਂ ਨੂੰ ਸੰਗਠਿਤ ਕਰਨ ਲਈਃ ਤੁਸੀਂ ਆਪਣੀਆਂ ਸ਼ਕਲਾਂ ਨੂੰ ਵੱਖ-ਵੱਖ ਪਰਤਾਂ ਅਤੇ ਪਡ਼ਾਵਾਂ ਵਿੱਚ ਸੰਗਠਿਤ ਕਰਨ ਲਈ \'Konva.Stage ()\' ਅਤੇ \'Konva.Layer ()\' ਫੰਕਸ਼ਨਾਂ ਦੀ ਵਰਤੋਂ ਕਰ ਸਕਦੇ ਹੋ।ਤੁਹਾਨੂੰ ਆਪਣੇ ਆਕਾਰਾਂ ਦੇ ਕ੍ਰਮ ਅਤੇ ਸਥਿਤੀ ਨੂੰ ਨਿਯੰਤਰਿਤ ਕਰਨ ਦੀ ਆਗਿਆ ਦੇਵੇਗਾ। \\n6. ਐਨੀਮੇਸ਼ਨ ਜੋਡ਼ਨ ਲਈ Konva.js ਐਨੀਮੇਸ਼ਨ ਫੰਕਸ਼ਨਾਂ ਦੀ ਵਰਤੋਂ ਕਰੋਃ ਤੁਸੀਂ Konva.js ਦੀ ਵਰਤੋਂ ਕਰ ਸਕਦੇ ਹੋ।ਐਨੀਮੇਸ਼ਨ ਫੰਕਸ਼ਨ, ਜਿਵੇਂ ਕਿ \'Konva.Animation ()\', ਤੁਹਾਡੀਆਂ ਸ਼ਕਲਾਂ ਵਿੱਚ ਐਨੀਮੇਸ਼ਨ ਜੋਡ਼ਨ ਲਈ। \\n\\nਇੱਥੇ ਇੱਕ ਉਦਾਹਰਣ ਹੈ ਕਿ ਇਸ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਇੱਕ ਐੱਮ. ਐੱਸ. ਪੇਂਟ ਕਲੋਨ ਕਿਵੇਂ ਬਣਾਇਆ ਜਾਵੇ।ਨਾਮ _ 1: \'ਪ੍ਰਤੀਕ੍ਰਿਆ\' ਤੋਂ ਪ੍ਰਤੀਕ੍ਰਿਆ; \'ਕੋਨਵਾ\' ਤੋਂ ਪ੍ਰਤੀਕ੍ਰਿਆ; \'ਕੋਨਵਾ\' ਤੋਂ ਪ੍ਰਤੀਕ੍ਰਿਆ; \'ਕੋਨਵਾ\' ਤੋਂ ਪ੍ਰਤੀਕ੍ਰਿਆ; \'ਕੋਨਵਾ\' ਤੋਂ ਪ੍ਰਤੀਕ੍ਰਿਆ; \'ਕੋਨਵਾ\' ਤੋਂ ਪ੍ਰਤੀਕ੍ਰਿਆ; \'ਕੋਨਵਾ\' ਤੋਂ ਪ੍ਰਤੀਕ੍ਰਿਆ; \'ਕੋਨਵਾ\' ਤੋਂ ਪ੍ਰਤੀਕ੍ਰਿਆ; \'ਕੋਨਵਾ\' ਤੋਂ ਪ੍ਰਤੀਕ੍ਰਿਆ; \'ਕੋਨਵਾ\' ਤੋਂ ਪ੍ਰਤੀਕ੍ਰਿਆ; \'ਕੋਨਵਾ\' ਤੋਂ ਪ੍ਰਤੀਕ੍ਰਿਆ; \'ਕੋਨਵਾ\' ਤੋਂ ਪ੍ਰਤੀਕ੍ਰਿਆ; \'ਕੋਨਵਾ\' ਤੋਂ ਪ੍ਰਤੀਕ੍ਰਿਆ; \'ਕੋਨਵਾ\' ਤੋਂ ਪ੍ਰਤੀਕ੍ਰਿਆ; \'ਕੋਨਵਾ\' ਤੋਂ ਪ੍ਰਤੀਕ੍ਰਿਆ; \'ਕੋਨਵਾ\' ਤੋਂ ਪ੍ਰਤੀਕ੍ਰਿਆ; \'ਕੋਨਵਾ\' ਤੋਂ ਪ੍ਰਤੀਕ੍ਰਿਆ; \'ਕੋਨਵਾ\' ਤੋਂ ਪ੍ਰਤੀਕ੍ਰਿਆ; \'ਕੋਨਵਾ\' ਤੋਂ ਪ੍ਰਤੀਕ੍ਰਿਆ; \'ਕੋਨਵਾ\' ਤੋਂ ਪ੍ਰਤੀਕ੍ਰਿਆ; \'ਕੋਨਵਾ\' ਤੋਂ ਪ੍ਰਤੀਕ੍ਰਿਆ; \'ਕੋਨਵਾ\' ਤੋਂ ਪ੍ਰਤੀਕ੍ਰਿਆReact.useState (\'ਲਾਲ\'); \\n\\n ਕਾਂਸਟ ਹੈਂਡਲਕਲਰਚੇਂਜ = (ਰੰਗ) => {\\n ਸੈੱਟਕਲਰ (ਰੰਗ); \\n}; \\n\\n ਰਿਟਰਨ (\\n <ਡਿਵੀ> \\n <ਕੈਨਵਸ ਰਿਫ = {ਕੈਨਵਸਰੇਫ}/> \\n <ਬਟਨonClick = {() => ਹੈਂਡਲਕਲਰਚੇਂਜ (\'ਨੀਲਾ\')}> \\n ਰੰਗ ਨੂੰ ਨੀਲੇ ਵਿੱਚ ਬਦਲੋ \\n </ਬਟਨ> \\n </ਡਿਵੀ> \\n; \\n}; \\n\\nਕੌਂਸਟ ਕੈਨਵਸਰੇਫ = React.useRef (ਨੱਲ); \\n\\nexਪੋਰਟਡਿਫਾਲਟ ਪੇਂਟਐਪ; \\n \'\\n ਇਸ ਉਦਾਹਰਨ ਵਿੱਚ, ਅਸੀਂ ਇੱਕ\' ਪੇਂਟਐਪ \'ਕੰਪੋਨੈਂਟ ਬਣਾਉਂਦੇ ਹਾਂ ਜੋ ਇੱਕ ਕੈਨਵਸ ਤੱਤ ਅਤੇ ਇੱਕ ਬਟਨ ਪੇਸ਼ ਕਰਦਾ ਹੈ। ਜਦੋਂ ਬਟਨ ਨੂੰ ਕਲਿੱਕ ਕੀਤਾ ਜਾਂਦਾ ਹੈ, ਤਾਂਕੈਨਵਸ ਦਾ ਰੰਗ ਨੀਲੇ ਵਿੱਚ ਬਦਲ ਦਿੱਤਾ ਗਿਆ ਹੈ। \\n\\n ਮੈਨੂੰ ਉਮੀਦ ਹੈ ਕਿ ਇਸ ਨਾਲ ਮਦਦ ਮਿਲੇਗੀ! ਮੈਨੂੰ ਦੱਸੋ, \'ਸਾਰੇ ਸਾਧਨਾਂ ਨਾਲ ਇੱਕ ਐੱਮ. ਐੱਸ. ਪੇਂਟ ਕਲੋਨ ਬਣਾਓ\', \'ਇੱਕ ਐੱਮ. ਐੱਸ. ਪੇਂਟ ਬਣਾਉਣ ਲਈ\'NAME _ 1 ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹੋਏ ਸਾਰੇ ਟੂਲਸ ਨਾਲ ਕਲੋਨ ਕਰੋ, ਤੁਸੀਂ ਇਹਨਾਂ ਕਦਮਾਂ ਦੀ ਪਾਲਣਾ ਕਰ ਸਕਦੇ ਹੋਃ \\n\\n1. ਆਪਣਾ ਪ੍ਰੋਜੈਕਟ ਸੈਟ ਅੱਪਃ NAME _ 1 ਅਤੇ ਕੋਈ ਹੋਰ ਜ਼ਰੂਰੀ ਨਿਰਭਰਤਾ ਇੰਸਟਾਲ ਕਰੋ। \\n2.ਆਪਣੇ ਪ੍ਰਤੀਕਿਰਿਆ ਹਿੱਸੇ ਵਿੱਚ ਇੱਕ ਕੈਨਵਸ ਤੱਤ ਬਣਾਓਃ ਤੁਸੀਂ ਇੱਕ ਕੈਨਵਸ ਤੱਤ ਬਣਾਉਣ ਲਈ \'Konva.createCanvas ()\' ਫੰਕਸ਼ਨ ਦੀ ਵਰਤੋਂ ਕਰ ਸਕਦੇ ਹੋ ਅਤੇ ਇਸ ਨੂੰ ਆਪਣੇ ਪ੍ਰਤੀਕਰਮ ਹਿੱਸੇ ਵਿੱਚ ਜੋਡ਼ ਸਕਦੇ ਹੋ।ਕੰਪੋਨੈਂਟ. \\n3. ਕੈਨਵਸ ਵਿੱਚ ਆਕਾਰ ਜੋਡ਼ੋਃ ਤੁਸੀਂ \'Konva.NAME_2 ()\', \'Konva.Rect ()\' ਅਤੇ ਹੋਰ ਕੋਨਵਾ ਆਕਾਰਾਂ ਦੀ ਵਰਤੋਂ ਵੱਖ-ਵੱਖ ਕਿਸਮਾਂ ਦੇ ਆਕਾਰ ਜੋਡ਼ਨ ਲਈ ਕਰ ਸਕਦੇ ਹੋ।ਕੈਨਵਸ। ਤੁਸੀਂ ਕੈਨਵਸ ਵਿੱਚ ਚਿੱਤਰ ਜੋਡ਼ਨ ਲਈ \'Konva.Image ()\' ਫੰਕਸ਼ਨ ਦੀ ਵਰਤੋਂ ਵੀ ਕਰ ਸਕਦੇ ਹੋ। \\n4. ਪਰਸਪਰ ਕ੍ਰਿਆ ਸ਼ਾਮਲ ਕਰੋ ਤੁਸੀਂ Konva.js ਈਵੈਂਟ ਸਰੋਤਿਆਂ ਦੀ ਵਰਤੋਂ ਕਰ ਸਕਦੇ ਹੋ।ਤੁਹਾਡੀਆਂ ਸ਼ਕਲਾਂ ਵਿੱਚ ਪਰਸਪਰ ਕ੍ਰਿਆ ਨੂੰ ਜੋਡ਼ਨ ਲਈ। ਉਦਾਹਰਨ ਲਈ, ਤੁਸੀਂ ਇੱਕ ਮਾਊਸ ਸੁਣਨ ਵਾਲੇ ਨੂੰ ਇੱਕ ਸ਼ੇਪ ਵਿੱਚ ਜੋਡ਼ ਸਕਦੇ ਹੋ ਤਾਂ ਜੋ ਇਸ ਦਾ ਰੰਗ ਜਾਂ ਅਕਾਰ ਬਦਲਿਆ ਜਾ ਸਕੇ ਜਦੋਂ ਉਪਭੋਗਤਾ ਇਸ ਉੱਤੇ ਕਲਿੱਕ ਕਰਦਾ ਹੈ। \\n5।ਆਪਣੀਆਂ ਸ਼ਕਲਾਂ ਨੂੰ ਸੰਗਠਿਤ ਕਰਨ ਲਈ ਕੋਨਵਾ ਪਡ਼ਾਅ ਅਤੇ ਪਰਤ ਦੀ ਵਰਤੋਂ ਕਰੋ ਤੁਸੀਂ ਆਪਣੀਆਂ ਸ਼ਕਲਾਂ ਨੂੰ ਸੰਗਠਿਤ ਕਰਨ ਲਈ \'Konva.Stage ()\' ਅਤੇ \'Konva.Layer ()\' ਫੰਕਸ਼ਨਾਂ ਦੀ ਵਰਤੋਂ ਕਰ ਸਕਦੇ ਹੋ।ਵੱਖ-ਵੱਖ ਪਰਤਾਂ ਅਤੇ ਪਡ਼ਾਵਾਂ। ਇਹ ਤੁਹਾਨੂੰ ਆਪਣੇ ਆਕਾਰ ਦੇ ਕ੍ਰਮ ਅਤੇ ਸਥਿਤੀ ਨੂੰ ਨਿਯੰਤਰਿਤ ਕਰਨ ਦੀ ਆਗਿਆ ਦੇਵੇਗਾ। \\n6. ਜੋਡ਼ਨ ਲਈ Konva.js ਐਨੀਮੇਸ਼ਨ ਫੰਕਸ਼ਨਾਂ ਦੀ ਵਰਤੋਂ ਕਰੋਐਨੀਮੇਸ਼ਨਃ ਤੁਸੀਂ ਆਪਣੇ ਆਕਾਰ ਵਿੱਚ ਐਨੀਮੇਸ਼ਨ ਜੋਡ਼ਨ ਲਈ Konva.js ਐਨੀਮੇਸ਼ਨ ਫੰਕਸ਼ਨਾਂ ਦੀ ਵਰਤੋਂ ਕਰ ਸਕਦੇ ਹੋ, ਜਿਵੇਂ ਕਿ \'Konva.Animation ()\'।ਟੂਲਃ \\n * ਇਰੇਜ਼ਰ ਟੂਲਃ ਤੁਸੀਂ ਇੱਕ ਇਰੇਜ਼ਰ ਟੂਲ ਬਣਾਉਣ ਲਈ \'Konva.Eraser ()\' ਫੰਕਸ਼ਨ ਦੀ ਵਰਤੋਂ ਕਰ ਸਕਦੇ ਹੋ ਜੋ ਉਪਭੋਗਤਾ ਨੂੰ ਡਰਾਅ ਦੇ ਹਿੱਸਿਆਂ ਨੂੰ ਮਿਟਾਉਣ ਦੀ ਆਗਿਆ ਦਿੰਦਾ ਹੈ।ਨਾਮ _ 3 ਟੂਲਃ ਤੁਸੀਂ ਇੱਕ ਨਾਮ _ 3 ਟੂਲ ਬਣਾਉਣ ਲਈ \'Konva.NAME_3 ()\' ਫੰਕਸ਼ਨ ਦੀ ਵਰਤੋਂ ਕਰ ਸਕਦੇ ਹੋ ਜੋ ਉਪਭੋਗਤਾ ਨੂੰ ਨਾਮ _ 3 ਦਾ ਆਕਾਰ ਅਤੇ ਸ਼ਕਲ ਬਦਲਣ ਦੀ ਆਗਿਆ ਦਿੰਦਾ ਹੈ।ਕਲਰ ਪੀਕਰ ਟੂਲਃ ਤੁਸੀਂ ਇੱਕ ਕਲਰ ਪੀਕਰ ਟੂਲ ਬਣਾਉਣ ਲਈ \'Konva.ColorPicker ()\' ਫੰਕਸ਼ਨ ਦੀ ਵਰਤੋਂ ਕਰ ਸਕਦੇ ਹੋ ਜੋ ਉਪਭੋਗਤਾ ਨੂੰ ਕਲਰ ਪੀਕਰ ਟੂਲ ਦਾ ਰੰਗ ਬਦਲਣ ਦੀ ਆਗਿਆ ਦਿੰਦਾ ਹੈ।ਚਿੱਤਰਕਾਰੀ। \\n * ਅੰਡੂ/ਨਾਮ _ 4 ਟੂਲਃ ਤੁਸੀਂ ਇੱਕ ਅੰਡੂ/ਨਾਮ _ 4 ਟੂਲ ਬਣਾਉਣ ਲਈ \'ਨਾਮ _ 5 ()\' ਅਤੇ \'ਨਾਮ _ 6 ()\' ਫੰਕਸ਼ਨਾਂ ਦੀ ਵਰਤੋਂ ਕਰ ਸਕਦੇ ਹੋ ਜੋ ਉਪਭੋਗਤਾ ਨੂੰ ਅੰਡੂ ਕਰਨ ਦੀ ਆਗਿਆ ਦਿੰਦਾ ਹੈ ਅਤੇਨਾਮ _ 4 ਕਾਰਵਾਈਆਂ। \\n\\n ਉਮੀਦ ਹੈ ਕਿ ਇਹ ਮਦਦ ਕਰੇਗਾ! ਮੈਨੂੰ ਦੱਸੋ ਕਿ ਕੀ ਤੁਹਾਡੇ ਕੋਈ ਪ੍ਰਸ਼ਨ ਹਨ ਜਾਂ ਤੁਹਾਨੂੰ ਹੋਰ ਸਹਾਇਤਾ ਦੀ ਜ਼ਰੂਰਤ ਹੈ। \',\' ਨਾਮ _ 5 ਅਤੇ ਨਾਮ _ 6 () ਲਈ ਕੋਡ ਲਿਖੋ \'] ', 'ਨਾਮ _ 1 ਲਈ ਫਲੱਡ ਫਿਲ ਐਲਗੋਰਿਦਮ', ' [\'ਨਾਮ _ 1 ਲਈ ਫਲੱਡ ਫਿਲ ਐਲਗੋਰਿਦਮ\', ਫਲੱਡ ਫਿਲ ਐਲਗੋਰਿਦਮ ਇੱਕ ਬਿੰਦੂ ਤੋਂ ਸ਼ੁਰੂ ਹੋਣ ਵਾਲੇ ਇੱਕ ਖਾਸ ਰੰਗ ਨਾਲ ਇੱਕ ਖੇਤਰ ਨੂੰ ਭਰਨ ਦਾ ਇੱਕ ਤਰੀਕਾ ਹੈ।ਵੱਖ-ਵੱਖ ਆਕਾਰ, ਜਿਵੇਂ ਕਿ ਚੱਕਰ, ਆਇਤਾਕਾਰ ਅਤੇ ਤਿਕੋਣ, ਇੱਕ ਗਰਾਫੀਕਲ ਉਪਭੋਗਤਾ ਇੰਟਰਫੇਸ ਵਿੱਚ ਖਿੱਚੋ। ਨਾਮ _ 1 ਦੇ ਸੰਦਰਭ ਵਿੱਚ, ਫਲੱਡ ਫਿਲ ਐਲਗੋਰਿਦਮ ਕਰ ਸਕਦਾ ਹੈਇੱਕ ਖੇਤਰ ਨੂੰ ਇੱਕ ਖਾਸ ਰੰਗ ਨਾਲ ਭਰਨ ਲਈ Konva.js ਲਾਇਬ੍ਰੇਰੀ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਵਰਤਿਆ ਜਾ ਸਕਦਾ ਹੈ। \\n\\n ਇੱਥੇ ਇੱਕ ਉਦਾਹਰਣ ਹੈ ਕਿ ਇਸ ਵਿੱਚ ਹਡ਼੍ਹ ਭਰਨ ਦੇ ਐਲਗੋਰਿਦਮ ਦੀ ਵਰਤੋਂ ਕਿਵੇਂ ਕੀਤੀ ਜਾਵੇ।ਨਾਮ _ 1: \'ਕੋਨਵਾ\' ਤੋਂ ਕੋਨਵਾ ਨੂੰ \'\\n\' \'\\ਨਿਮਪੋਰਟ ਕਰੋ; \\n\\n/ਇੱਕ ਕੋਨਵਾ ਪਡ਼ਾਅ ਬਣਾਓ \\nਕੌਂਸਟ ਪਡ਼ਾਅ = ਨਵਾਂ Konva.Stage (); \\n\\n// ਇੱਕ ਕੋਨਵਾ ਪਰਤ ਬਣਾਓ \\nਕੌਂਸਟ ਪਰਤ = ਨਵੀਂKonva.Layer (); \\n\\n/ਪਰਤ ਨੂੰ ਪਡ਼ਾਅ ਵਿੱਚ ਸ਼ਾਮਲ ਕਰੋ\\nstage.add (ਪਰਤ); \\n\\n/ਇੱਕ ਸ਼ਕਲ ਬਣਾਓ \\nਕੌਂਸਟ ਸ਼ਕਲ = ਨਵੀਂ Konva.NAME_2 ({\\n ਰੇਡੀਅਸਃ 50, \\n ਸਟਰੋਕਃ\'ਕਾਲਾ\', \\n ਭਰੋਃ \'ਲਾਲ\' \\n}); \\n\\n/ਪਰਤ ਵਿੱਚ ਸ਼ਕਲ ਸ਼ਾਮਲ ਕਰੋ\\nlayer.add (ਸ਼ਕਲ); \\n\\n// ਇੱਕ ਫਲੱਡ ਫਿਲ ਟੂਲ ਬਣਾਓ \\nਕੌਂਸਟ ਫਲੱਡਫਿਲ = ਨਵਾਂKonva.FloodFill ({\\n ਲੇਅਰਃ ਲੇਅਰ, \\n ਰੰਗਃ \'ਲਾਲ\' \\n}); \\n\\n/ਨਿਰਧਾਰਤ ਨਾਲ ਸ਼ਕਲ ਨੂੰ ਭਰਨ ਲਈ ਫਲੱਡ ਫਿਲ ਟੂਲ ਦੀ ਵਰਤੋਂ ਕਰੋਰੰਗ\\nfloodFill.fill (ਸ਼ਕਲ); \\n "\'\\n ਇਸ ਉਦਾਹਰਨ ਵਿੱਚ, ਅਸੀਂ ਪਹਿਲਾਂ ਇੱਕ ਕੋਨਵਾ ਪਡ਼ਾਅ ਅਤੇ ਪਰਤ ਬਣਾਉਂਦੇ ਹਾਂ, ਅਤੇ ਫਿਰ ਇੱਕ ਨਾਮ _ 2 ਸ਼ਕਲ ਬਣਾਉਂਦੇ ਹਾਂ।ਪਰਤ ਬਣਾਓ ਅਤੇ ਇੱਕ ਹਡ਼੍ਹ ਭਰਨ ਦਾ ਸੰਦ ਬਣਾਓ। ਅੰਤ ਵਿੱਚ, ਅਸੀਂ ਨਿਰਧਾਰਤ ਰੰਗ ਨਾਲ ਸ਼ਕਲ ਨੂੰ ਭਰਨ ਲਈ ਹਡ਼੍ਹ ਭਰਨ ਦੇ ਸੰਦ ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹਾਂ। \\n\\n ਮੈਨੂੰ ਉਮੀਦ ਹੈ ਕਿ ਇਹ ਮਦਦ ਕਰੇਗਾ!ਪਤਾ ਕਰੋ ਕਿ ਕੀ ਤੁਹਾਡੇ ਕੋਈ ਪ੍ਰਸ਼ਨ ਹਨ ਜਾਂ ਤੁਹਾਨੂੰ ਹੋਰ ਸਹਾਇਤਾ ਦੀ ਜ਼ਰੂਰਤ ਹੈ। ", \'ਮੁਫਤ ਡਰਾਅ ਲਈ ਫਲੱਡਫਿਲ ਨਾਮ _ 1\', ਇੱਕ ਮੁਫਤ ਡਰਾਅ ਵਿੱਚ ਫਲੱਡ ਫਿਲ ਐਲਗੋਰਿਦਮ ਦੀ ਵਰਤੋਂ ਕਰਨ ਲਈਐੱਨ. ਏ. ਐੱਮ. ਈ. _ 1 ਨਾਲ ਐਪਲੀਕੇਸ਼ਨ, ਤੁਸੀਂ ਇਹਨਾਂ ਕਦਮਾਂ ਦੀ ਪਾਲਣਾ ਕਰ ਸਕਦੇ ਹੋਃ \\n\\n1. ਇੱਕ ਕੋਨਵਾ ਪਡ਼ਾਅ ਅਤੇ ਪਰਤ ਬਣਾਓ। \\n2. ਪਰਤ ਵਿੱਚ ਇੱਕ ਸ਼ਕਲ ਸ਼ਾਮਲ ਕਰੋ। \\n3. ਇੱਕ ਹਡ਼੍ਹ ਭਰਨ ਸੰਦ ਬਣਾਓ।ਪਰਤ ਅਤੇ ਰੰਗ ਨੂੰ ਪਾਸ ਕਰਕੇ ਜਿਸ ਨਾਲ ਤੁਸੀਂ ਭਰਨਾ ਚਾਹੁੰਦੇ ਹੋ ਉਸ ਨੂੰ Konva.FloodFill ਕੰਸਟਰਕਟਰ. \\n4 ਨਾਲ ਭਰੋ।ਨਿਰਧਾਰਤ ਰੰਗ। \\n\\nਇੱਥੇ ਇੱਕ ਉਦਾਹਰਣ ਹੈ ਕਿ ਇਹ ਕਿਵੇਂ ਕੀਤਾ ਜਾ ਸਕਦਾ ਹੈਃ \\n \'\' ਕੋਨਵਾ \'ਤੋਂ ਕੋਨਵਾ ਨੂੰ ਨਿਪੋਰਟ ਕਰੋ; \\n\\n/ਇੱਕ ਕੋਨਵਾ ਪਡ਼ਾਅ ਬਣਾਓ\\nਕੌਂਸਟ ਪਡ਼ਾਅ = ਨਵਾਂKonva.Stage (); \\n\\n/ਇੱਕ ਕੋਨਵਾ ਪਰਤ ਬਣਾਓ \\nਕੋਨਸਟ ਪਰਤ = ਨਵੀਂ Konva.Layer (); \\n\\n// ਪਰਤ ਨੂੰ ਪਡ਼ਾਅ ਵਿੱਚ ਸ਼ਾਮਲ ਕਰੋ\\nstage.add (ਪਰਤ); \\n\\n// ਇੱਕ ਬਣਾਓਸ਼ਕਲ \\nਕੋਨਸਟ ਸ਼ਕਲ = ਨਵਾਂ Konva.NAME_2 ({\\n ਰੇਡੀਅਸਃ 50, \\n ਸਟਰੋਕਃ \'ਕਾਲਾ\', \\n ਭਰੋਃ \'ਲਾਲ\' \\n}); \\n\\n// ਪਰਤ ਵਿੱਚ ਸ਼ਕਲ ਨੂੰ ਸ਼ਾਮਲ ਕਰੋ\\nlayer.add (ਸ਼ਕਲ); \\n\\n//ਇੱਕ ਫਲੱਡ ਫਿਲ ਟੂਲ ਬਣਾਓ \\nਕੋਨਸਟ ਫਲੱਡਫਿਲ = ਨਵਾਂ Konva.FloodFill ({\\n ਲੇਅਰਃ ਲੇਅਰ, \\n ਰੰਗਃ \'ਲਾਲ\' \\n}); \\n\\n// ਸ਼ਕਲ ਨੂੰ ਭਰਨ ਲਈ ਫਲੱਡ ਫਿਲ ਟੂਲ ਦੀ ਵਰਤੋਂ ਕਰੋ।ਨਿਰਧਾਰਤ ਰੰਗ ਨਾਲ\\nfloodFill.fill (ਸ਼ਕਲ); \\n "\'\\n ਇਹ ਫਲੱਡ ਫਿਲ ਐਲਗੋਰਿਦਮ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਨਿਰਧਾਰਤ ਰੰਗ ਨਾਲ ਸ਼ਕਲ ਨੂੰ ਭਰੇਗਾ।ਕੰਸਟਰਕਟਰ ਨੂੰ ਵੱਖ-ਵੱਖ ਆਰਗੂਮੈਂਟ ਪਾਸ ਕਰਕੇ ਫਲੱਡ ਫਿਲ ਟੂਲ ਨੂੰ ਸੋਧੋ, ਜਿਵੇਂ ਕਿ ਸਹਿਣਸ਼ੀਲਤਾ ਅਤੇ ਫਿਲ ਰੰਗ। \\n\\n ਮੈਨੂੰ ਉਮੀਦ ਹੈ ਕਿ ਇਹ ਮਦਦ ਕਰੇਗਾ!ਪਤਾ ਕਰੋ ਕਿ ਕੀ ਤੁਹਾਡੇ ਕੋਈ ਪ੍ਰਸ਼ਨ ਹਨ ਜਾਂ ਤੁਹਾਨੂੰ ਹੋਰ ਸਹਾਇਤਾ ਦੀ ਜ਼ਰੂਰਤ ਹੈ। ", \'ਐੱਮ. ਐੱਸ. ਪੇਂਟ ਕਲੋਨ ਨਾਮ _ 1 ਨਾਲ ਬਣਿਆ\', \'ਐੱਨ. ਏ. ਐੱਮ. ਈ. _ 1 ਦੀ ਵਰਤੋਂ ਨਾਲ ਐੱਮ. ਐੱਸ. ਪੇਂਟ ਕਲੋਨ ਬਣਾਉਣ ਲਈ, ਤੁਸੀਂ ਕਰ ਸਕਦੇ ਹੋ।ਇਹਨਾਂ ਕਦਮਾਂ ਦੀ ਪਾਲਣਾ ਕਰੋ-\\n\\n1. ਆਪਣਾ ਪ੍ਰੋਜੈਕਟ ਸੈੱਟ ਅੱਪਃ NAME _ 1 ਅਤੇ ਕੋਈ ਹੋਰ ਜ਼ਰੂਰੀ ਨਿਰਭਰਤਾ ਇੰਸਟਾਲ ਕਰੋ। \\n2. ਆਪਣੀ ਪ੍ਰਤੀਕ੍ਰਿਆ ਵਿੱਚ ਇੱਕ ਕੈਨਵਸ ਤੱਤ ਬਣਾਓ।ਕੰਪੋਨੈਂਟਃ ਤੁਸੀਂ ਇੱਕ ਕੈਨਵਸ ਤੱਤ ਬਣਾਉਣ ਅਤੇ ਇਸ ਨੂੰ ਆਪਣੇ ਕੰਪੋਨੈਂਟ ਵਿੱਚ ਜੋਡ਼ਨ ਲਈ \'Konva.createCanvas ()\' ਫੰਕਸ਼ਨ ਦੀ ਵਰਤੋਂ ਕਰ ਸਕਦੇ ਹੋ।ਕੈਨਵਸ ਵਿੱਚ ਵੱਖ-ਵੱਖ ਕਿਸਮਾਂ ਦੀਆਂ ਸ਼ਕਲਾਂ ਜੋਡ਼ਨ ਲਈ \'Konva.NAME_2 ()\', \'Konva.Rect ()\' ਅਤੇ ਹੋਰ ਕੋਨਵਾ ਸ਼ਕਲਾਂ ਦੀ ਵਰਤੋਂ ਕੀਤੀ ਜਾ ਸਕਦੀ ਹੈ।ਕੈਨਵਸ ਵਿੱਚ ਚਿੱਤਰ ਜੋਡ਼ਨ ਲਈ \'Konva.Image ()\' ਫੰਕਸ਼ਨ। \\n4. ਇੰਟਰਐਕਟੀਵਿਟੀ ਜੋਡ਼ੋਃ ਤੁਸੀਂ ਆਪਣੇ ਪ੍ਰੋਗਰਾਮ ਵਿੱਚ ਇੰਟਰਐਕਟੀਵਿਟੀ ਜੋਡ਼ਨ ਲਈ Konva.js ਈਵੈਂਟ ਸਰੋਤਿਆਂ ਦੀ ਵਰਤੋਂ ਕਰ ਸਕਦੇ ਹੋ।ਆਕਾਰ. ਉਦਾਹਰਨ ਲਈ, ਤੁਸੀਂ ਇੱਕ ਮਾਊਸ ਸੁਣਨ ਵਾਲੇ ਨੂੰ ਇਸ ਦੇ ਰੰਗ ਜਾਂ ਅਕਾਰ ਨੂੰ ਬਦਲਣ ਲਈ ਇੱਕ ਆਕਾਰ ਵਿੱਚ ਜੋਡ਼ ਸਕਦੇ ਹੋ ਜਦੋਂ ਉਪਭੋਗਤਾ ਇਸ ਉੱਤੇ ਕਲਿੱਕ ਕਰਦਾ ਹੈ। \\n5. ਕੋਨਵਾ ਪਡ਼ਾਅ ਅਤੇ ਪਰਤ ਦੀ ਵਰਤੋਂ ਕਰੋਆਪਣੀਆਂ ਸ਼ਕਲਾਂ ਨੂੰ ਸੰਗਠਿਤ ਕਰਨ ਲਈਃ ਤੁਸੀਂ ਆਪਣੀਆਂ ਸ਼ਕਲਾਂ ਨੂੰ ਵੱਖ-ਵੱਖ ਪਰਤਾਂ ਅਤੇ ਪਡ਼ਾਵਾਂ ਵਿੱਚ ਸੰਗਠਿਤ ਕਰਨ ਲਈ \'Konva.Stage ()\' ਅਤੇ \'Konva.Layer ()\' ਫੰਕਸ਼ਨਾਂ ਦੀ ਵਰਤੋਂ ਕਰ ਸਕਦੇ ਹੋ।ਤੁਹਾਨੂੰ ਆਪਣੇ ਆਕਾਰਾਂ ਦੇ ਕ੍ਰਮ ਅਤੇ ਸਥਿਤੀ ਨੂੰ ਨਿਯੰਤਰਿਤ ਕਰਨ ਦੀ ਆਗਿਆ ਦੇਵੇਗਾ। \\n6. ਐਨੀਮੇਸ਼ਨ ਜੋਡ਼ਨ ਲਈ Konva.js ਐਨੀਮੇਸ਼ਨ ਫੰਕਸ਼ਨਾਂ ਦੀ ਵਰਤੋਂ ਕਰੋਃ ਤੁਸੀਂ Konva.js ਦੀ ਵਰਤੋਂ ਕਰ ਸਕਦੇ ਹੋ।ਐਨੀਮੇਸ਼ਨ ਫੰਕਸ਼ਨ, ਜਿਵੇਂ ਕਿ \'Konva.Animation ()\', ਤੁਹਾਡੀਆਂ ਸ਼ਕਲਾਂ ਵਿੱਚ ਐਨੀਮੇਸ਼ਨ ਜੋਡ਼ਨ ਲਈ। \\n\\nਇੱਥੇ ਇੱਕ ਉਦਾਹਰਣ ਹੈ ਕਿ ਇਸ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਇੱਕ ਐੱਮ. ਐੱਸ. ਪੇਂਟ ਕਲੋਨ ਕਿਵੇਂ ਬਣਾਇਆ ਜਾਵੇ।ਨਾਮ _ 1: \'ਪ੍ਰਤੀਕ੍ਰਿਆ\' ਤੋਂ ਪ੍ਰਤੀਕ੍ਰਿਆ; \'ਕੋਨਵਾ\' ਤੋਂ ਪ੍ਰਤੀਕ੍ਰਿਆ; \'ਕੋਨਵਾ\' ਤੋਂ ਪ੍ਰਤੀਕ੍ਰਿਆ; \'ਕੋਨਵਾ\' ਤੋਂ ਪ੍ਰਤੀਕ੍ਰਿਆ; \'ਕੋਨਵਾ\' ਤੋਂ ਪ੍ਰਤੀਕ੍ਰਿਆ; \'ਕੋਨਵਾ\' ਤੋਂ ਪ੍ਰਤੀਕ੍ਰਿਆ; \'ਕੋਨਵਾ\' ਤੋਂ ਪ੍ਰਤੀਕ੍ਰਿਆ; \'ਕੋਨਵਾ\' ਤੋਂ ਪ੍ਰਤੀਕ੍ਰਿਆ; \'ਕੋਨਵਾ\' ਤੋਂ ਪ੍ਰਤੀਕ੍ਰਿਆ; \'ਕੋਨਵਾ\' ਤੋਂ ਪ੍ਰਤੀਕ੍ਰਿਆ; \'ਕੋਨਵਾ\' ਤੋਂ ਪ੍ਰਤੀਕ੍ਰਿਆ; \'ਕੋਨਵਾ\' ਤੋਂ ਪ੍ਰਤੀਕ੍ਰਿਆ; \'ਕੋਨਵਾ\' ਤੋਂ ਪ੍ਰਤੀਕ੍ਰਿਆ; \'ਕੋਨਵਾ\' ਤੋਂ ਪ੍ਰਤੀਕ੍ਰਿਆ; \'ਕੋਨਵਾ\' ਤੋਂ ਪ੍ਰਤੀਕ੍ਰਿਆ; \'ਕੋਨਵਾ\' ਤੋਂ ਪ੍ਰਤੀਕ੍ਰਿਆ; \'ਕੋਨਵਾ\' ਤੋਂ ਪ੍ਰਤੀਕ੍ਰਿਆ; \'ਕੋਨਵਾ\' ਤੋਂ ਪ੍ਰਤੀਕ੍ਰਿਆ; \'ਕੋਨਵਾ\' ਤੋਂ ਪ੍ਰਤੀਕ੍ਰਿਆ; \'ਕੋਨਵਾ\' ਤੋਂ ਪ੍ਰਤੀਕ੍ਰਿਆ; \'ਕੋਨਵਾ\' ਤੋਂ ਪ੍ਰਤੀਕ੍ਰਿਆ; \'ਕੋਨਵਾ\' ਤੋਂ ਪ੍ਰਤੀਕ੍ਰਿਆReact.useState (\'ਲਾਲ\'); \\n\\n ਕਾਂਸਟ ਹੈਂਡਲਕਲਰਚੇਂਜ = (ਰੰਗ) => {\\n ਸੈੱਟਕਲਰ (ਰੰਗ); \\n}; \\n\\n ਰਿਟਰਨ (\\n <ਡਿਵੀ> \\n <ਕੈਨਵਸ ਰਿਫ = {ਕੈਨਵਸਰੇਫ}/> \\n <ਬਟਨonClick = {() => ਹੈਂਡਲਕਲਰਚੇਂਜ (\'ਨੀਲਾ\')}> \\n ਰੰਗ ਨੂੰ ਨੀਲੇ ਵਿੱਚ ਬਦਲੋ \\n </ਬਟਨ> \\n </ਡਿਵੀ> \\n; \\n}; \\n\\nਕੌਂਸਟ ਕੈਨਵਸਰੇਫ = React.useRef (ਨੱਲ); \\n\\nexਪੋਰਟਡਿਫਾਲਟ ਪੇਂਟਐਪ; \\n \'\\n ਇਸ ਉਦਾਹਰਨ ਵਿੱਚ, ਅਸੀਂ ਇੱਕ\' ਪੇਂਟਐਪ \'ਕੰਪੋਨੈਂਟ ਬਣਾਉਂਦੇ ਹਾਂ ਜੋ ਇੱਕ ਕੈਨਵਸ ਤੱਤ ਅਤੇ ਇੱਕ ਬਟਨ ਪੇਸ਼ ਕਰਦਾ ਹੈ। ਜਦੋਂ ਬਟਨ ਨੂੰ ਕਲਿੱਕ ਕੀਤਾ ਜਾਂਦਾ ਹੈ, ਤਾਂਕੈਨਵਸ ਦਾ ਰੰਗ ਨੀਲੇ ਵਿੱਚ ਬਦਲ ਦਿੱਤਾ ਗਿਆ ਹੈ। \\n\\n ਮੈਨੂੰ ਉਮੀਦ ਹੈ ਕਿ ਇਸ ਨਾਲ ਮਦਦ ਮਿਲੇਗੀ! ਮੈਨੂੰ ਦੱਸੋ, \'ਸਾਰੇ ਸਾਧਨਾਂ ਨਾਲ ਇੱਕ ਐੱਮ. ਐੱਸ. ਪੇਂਟ ਕਲੋਨ ਬਣਾਓ\', \'ਇੱਕ ਐੱਮ. ਐੱਸ. ਪੇਂਟ ਬਣਾਉਣ ਲਈ\'NAME _ 1 ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹੋਏ ਸਾਰੇ ਟੂਲਸ ਨਾਲ ਕਲੋਨ ਕਰੋ, ਤੁਸੀਂ ਇਹਨਾਂ ਕਦਮਾਂ ਦੀ ਪਾਲਣਾ ਕਰ ਸਕਦੇ ਹੋਃ \\n\\n1. ਆਪਣਾ ਪ੍ਰੋਜੈਕਟ ਸੈਟ ਅੱਪਃ NAME _ 1 ਅਤੇ ਕੋਈ ਹੋਰ ਜ਼ਰੂਰੀ ਨਿਰਭਰਤਾ ਇੰਸਟਾਲ ਕਰੋ। \\n2.ਆਪਣੇ ਪ੍ਰਤੀਕਿਰਿਆ ਹਿੱਸੇ ਵਿੱਚ ਇੱਕ ਕੈਨਵਸ ਤੱਤ ਬਣਾਓਃ ਤੁਸੀਂ ਇੱਕ ਕੈਨਵਸ ਤੱਤ ਬਣਾਉਣ ਲਈ \'Konva.createCanvas ()\' ਫੰਕਸ਼ਨ ਦੀ ਵਰਤੋਂ ਕਰ ਸਕਦੇ ਹੋ ਅਤੇ ਇਸ ਨੂੰ ਆਪਣੇ ਪ੍ਰਤੀਕਰਮ ਹਿੱਸੇ ਵਿੱਚ ਜੋਡ਼ ਸਕਦੇ ਹੋ।ਕੰਪੋਨੈਂਟ. \\n3. ਕੈਨਵਸ ਵਿੱਚ ਆਕਾਰ ਜੋਡ਼ੋਃ ਤੁਸੀਂ \'Konva.NAME_2 ()\', \'Konva.Rect ()\' ਅਤੇ ਹੋਰ ਕੋਨਵਾ ਆਕਾਰਾਂ ਦੀ ਵਰਤੋਂ ਵੱਖ-ਵੱਖ ਕਿਸਮਾਂ ਦੇ ਆਕਾਰ ਜੋਡ਼ਨ ਲਈ ਕਰ ਸਕਦੇ ਹੋ।ਕੈਨਵਸ। ਤੁਸੀਂ ਕੈਨਵਸ ਵਿੱਚ ਚਿੱਤਰ ਜੋਡ਼ਨ ਲਈ \'Konva.Image ()\' ਫੰਕਸ਼ਨ ਦੀ ਵਰਤੋਂ ਵੀ ਕਰ ਸਕਦੇ ਹੋ। \\n4. ਪਰਸਪਰ ਕ੍ਰਿਆ ਸ਼ਾਮਲ ਕਰੋ ਤੁਸੀਂ Konva.js ਈਵੈਂਟ ਸਰੋਤਿਆਂ ਦੀ ਵਰਤੋਂ ਕਰ ਸਕਦੇ ਹੋ।ਤੁਹਾਡੀਆਂ ਸ਼ਕਲਾਂ ਵਿੱਚ ਪਰਸਪਰ ਕ੍ਰਿਆ ਨੂੰ ਜੋਡ਼ਨ ਲਈ। ਉਦਾਹਰਨ ਲਈ, ਤੁਸੀਂ ਇੱਕ ਮਾਊਸ ਸੁਣਨ ਵਾਲੇ ਨੂੰ ਇੱਕ ਸ਼ੇਪ ਵਿੱਚ ਜੋਡ਼ ਸਕਦੇ ਹੋ ਤਾਂ ਜੋ ਇਸ ਦਾ ਰੰਗ ਜਾਂ ਅਕਾਰ ਬਦਲਿਆ ਜਾ ਸਕੇ ਜਦੋਂ ਉਪਭੋਗਤਾ ਇਸ ਉੱਤੇ ਕਲਿੱਕ ਕਰਦਾ ਹੈ। \\n5।ਆਪਣੀਆਂ ਸ਼ਕਲਾਂ ਨੂੰ ਸੰਗਠਿਤ ਕਰਨ ਲਈ ਕੋਨਵਾ ਪਡ਼ਾਅ ਅਤੇ ਪਰਤ ਦੀ ਵਰਤੋਂ ਕਰੋ ਤੁਸੀਂ ਆਪਣੀਆਂ ਸ਼ਕਲਾਂ ਨੂੰ ਸੰਗਠਿਤ ਕਰਨ ਲਈ \'Konva.Stage ()\' ਅਤੇ \'Konva.Layer ()\' ਫੰਕਸ਼ਨਾਂ ਦੀ ਵਰਤੋਂ ਕਰ ਸਕਦੇ ਹੋ।ਵੱਖ-ਵੱਖ ਪਰਤਾਂ ਅਤੇ ਪਡ਼ਾਵਾਂ। ਇਹ ਤੁਹਾਨੂੰ ਆਪਣੇ ਆਕਾਰ ਦੇ ਕ੍ਰਮ ਅਤੇ ਸਥਿਤੀ ਨੂੰ ਨਿਯੰਤਰਿਤ ਕਰਨ ਦੀ ਆਗਿਆ ਦੇਵੇਗਾ। \\n6. ਜੋਡ਼ਨ ਲਈ Konva.js ਐਨੀਮੇਸ਼ਨ ਫੰਕਸ਼ਨਾਂ ਦੀ ਵਰਤੋਂ ਕਰੋਐਨੀਮੇਸ਼ਨਃ ਤੁਸੀਂ ਆਪਣੇ ਆਕਾਰ ਵਿੱਚ ਐਨੀਮੇਸ਼ਨ ਜੋਡ਼ਨ ਲਈ Konva.js ਐਨੀਮੇਸ਼ਨ ਫੰਕਸ਼ਨਾਂ ਦੀ ਵਰਤੋਂ ਕਰ ਸਕਦੇ ਹੋ, ਜਿਵੇਂ ਕਿ \'Konva.Animation ()\'।ਟੂਲਃ \\n * ਇਰੇਜ਼ਰ ਟੂਲਃ ਤੁਸੀਂ ਇੱਕ ਇਰੇਜ਼ਰ ਟੂਲ ਬਣਾਉਣ ਲਈ \'Konva.Eraser ()\' ਫੰਕਸ਼ਨ ਦੀ ਵਰਤੋਂ ਕਰ ਸਕਦੇ ਹੋ ਜੋ ਉਪਭੋਗਤਾ ਨੂੰ ਡਰਾਅ ਦੇ ਹਿੱਸਿਆਂ ਨੂੰ ਮਿਟਾਉਣ ਦੀ ਆਗਿਆ ਦਿੰਦਾ ਹੈ।ਨਾਮ _ 3 ਟੂਲਃ ਤੁਸੀਂ ਇੱਕ ਨਾਮ _ 3 ਟੂਲ ਬਣਾਉਣ ਲਈ \'Konva.NAME_3 ()\' ਫੰਕਸ਼ਨ ਦੀ ਵਰਤੋਂ ਕਰ ਸਕਦੇ ਹੋ ਜੋ ਉਪਭੋਗਤਾ ਨੂੰ ਨਾਮ _ 3 ਦਾ ਆਕਾਰ ਅਤੇ ਸ਼ਕਲ ਬਦਲਣ ਦੀ ਆਗਿਆ ਦਿੰਦਾ ਹੈ।ਕਲਰ ਪੀਕਰ ਟੂਲਃ ਤੁਸੀਂ ਇੱਕ ਕਲਰ ਪੀਕਰ ਟੂਲ ਬਣਾਉਣ ਲਈ \'Konva.ColorPicker ()\' ਫੰਕਸ਼ਨ ਦੀ ਵਰਤੋਂ ਕਰ ਸਕਦੇ ਹੋ ਜੋ ਉਪਭੋਗਤਾ ਨੂੰ ਕਲਰ ਪੀਕਰ ਟੂਲ ਦਾ ਰੰਗ ਬਦਲਣ ਦੀ ਆਗਿਆ ਦਿੰਦਾ ਹੈ।ਚਿੱਤਰਕਾਰੀ। \\n * ਅੰਡੂ/ਨਾਮ _ 4 ਟੂਲਃ ਤੁਸੀਂ ਇੱਕ ਅੰਡੂ/ਨਾਮ _ 4 ਟੂਲ ਬਣਾਉਣ ਲਈ \'ਨਾਮ _ 5 ()\' ਅਤੇ \'ਨਾਮ _ 6 ()\' ਫੰਕਸ਼ਨਾਂ ਦੀ ਵਰਤੋਂ ਕਰ ਸਕਦੇ ਹੋ ਜੋ ਉਪਭੋਗਤਾ ਨੂੰ ਅੰਡੂ ਕਰਨ ਦੀ ਆਗਿਆ ਦਿੰਦਾ ਹੈ ਅਤੇਨਾਮ _ 4 ਕਾਰਵਾਈਆਂ। \\n\\n ਉਮੀਦ ਹੈ ਕਿ ਇਹ ਮਦਦ ਕਰੇਗਾ! ਮੈਨੂੰ ਦੱਸੋ ਕਿ ਕੀ ਤੁਹਾਡੇ ਕੋਈ ਪ੍ਰਸ਼ਨ ਹਨ ਜਾਂ ਤੁਹਾਨੂੰ ਹੋਰ ਸਹਾਇਤਾ ਦੀ ਜ਼ਰੂਰਤ ਹੈ। \',\' ਨਾਮ _ 5 ਅਤੇ ਨਾਮ _ 6 () ਲਈ ਕੋਡ ਲਿਖੋ \',\'ਜਦੋਂ ਵੀ ਸ਼ਕਲ ਨੂੰ ਸੋਧਿਆ ਜਾਂਦਾ ਹੈ। ਅਸੀਂ ਉਸ ਸ਼ਕਲ ਵਿੱਚ ਇੱਕ\' ਹਟਾਇਆ \'ਸੁਣਨ ਵਾਲੇ ਨੂੰ ਵੀ ਜੋਡ਼ਦੇ ਹਾਂ ਜੋ ਸਟੈਕ ਤੋਂ ਆਖਰੀ ਕਾਰਵਾਈ ਨੂੰ ਪੌਪ ਕਰਦਾ ਹੈ ਅਤੇ\' ਅੰਡੂ () \'ਵਿਧੀ ਨੂੰ ਕਾਲ ਕਰਦਾ ਹੈ।ਜਦੋਂ ਸ਼ਕਲ ਨੂੰ ਹਟਾ ਦਿੱਤਾ ਜਾਂਦਾ ਹੈ। \\n\\n ਮੈਨੂੰ ਉਮੀਦ ਹੈ ਕਿ ਇਹ ਮਦਦ ਕਰਦਾ ਹੈ! ਮੈਨੂੰ ਦੱਸੋ ਕਿ ਕੀ ਤੁਹਾਡੇ ਕੋਈ ਪ੍ਰਸ਼ਨ ਹਨ ਜਾਂ ਤੁਹਾਨੂੰ ਹੋਰ ਸਹਾਇਤਾ ਦੀ ਜ਼ਰੂਰਤ ਹੈ। \',\' ਇਸ ਨੂੰ ਦੁਬਾਰਾ ਕਹੋ \'] ', 'ਨਾਮ _ 1 ਲਈ ਫਲੱਡ ਫਿਲ ਐਲਗੋਰਿਦਮ \n ']