ਵਿੱਚ Flutter, ਤੁਸੀਂ ਕਲਾਸ ਤੋਂ ਵਿਧੀ ਦੀ Canvas
ਵਰਤੋਂ ਕਰਕੇ ਇੱਕ ਨੂੰ ਇੱਕ ਚਿੱਤਰ ਵਿੱਚ ਬਦਲ ਸਕਦੇ ਹੋ। ਕਲਾਸ ਤੁਹਾਨੂੰ ਕਸਟਮ ਵਿਜੇਟ 'ਤੇ ਜਾਂ ਵਿਜੇਟ ਦੇ ਪੇਂਟਿੰਗ ਪੜਾਅ ਦੇ ਦੌਰਾਨ ਗ੍ਰਾਫਿਕਸ ਅਤੇ ਆਕਾਰ ਬਣਾਉਣ ਦੀ ਆਗਿਆ ਦਿੰਦੀ ਹੈ । ਇੱਕ ਵਾਰ ਜਦੋਂ ਤੁਸੀਂ 'ਤੇ ਸਭ ਕੁਝ ਖਿੱਚ ਲੈਂਦੇ ਹੋ, ਤਾਂ ਤੁਸੀਂ ਵਿਧੀ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਇਸਨੂੰ ਇੱਕ ਚਿੱਤਰ ਵਿੱਚ ਬਦਲ ਸਕਦੇ ਹੋ । toImage()
ui.Image
Canvas
CustomPainter
canvas toImage()
Canvas
ਇੱਥੇ ਇੱਕ ਨੂੰ ਇੱਕ ਚਿੱਤਰ ਵਿੱਚ ਕਿਵੇਂ ਬਦਲਣਾ ਹੈ ਇਸ ਬਾਰੇ ਇੱਕ ਕਦਮ-ਦਰ-ਕਦਮ ਗਾਈਡ ਹੈ Flutter:
ਲੋੜੀਂਦੇ ਪੈਕੇਜ ਆਯਾਤ ਕਰੋ
ਇੱਕ ਕਸਟਮ ਵਿਜੇਟ ਬਣਾਓ ਜਾਂ ਇੱਕ CustomPainter
ਜਿੱਥੇ ਤੁਸੀਂ 'ਤੇ ਖਿੱਚੋਗੇ canvas
canvas ਇੱਕ ਚਿੱਤਰ ਵਿੱਚ ਬਦਲਣ ਲਈ ਇੱਕ ਫੰਕਸ਼ਨ ਬਣਾਓ
ਫੰਕਸ਼ਨ ਨੂੰ ਕਾਲ ਕਰੋ captureCanvasToImage()
ਅਤੇ ਚਿੱਤਰ ਨੂੰ ਹੈਂਡਲ ਕਰੋ
ਇਸ ਉਦਾਹਰਨ ਵਿੱਚ, ਅਸੀਂ ਨਾਮਕ ਇੱਕ ਕਸਟਮ ਵਿਜੇਟ ਬਣਾਇਆ ਹੈ MyCanvasWidget
, ਜੋ ਕਿ ਦੇ ਕੇਂਦਰ ਵਿੱਚ ਇੱਕ ਲਾਲ ਚੱਕਰ ਖਿੱਚਦਾ ਹੈ canvas । ਫੰਕਸ਼ਨ captureCanvasToImage()
ਇੱਕ ਬਣਾਉਂਦਾ ਹੈ Canvas
, ਕਸਟਮ ਵਿਜੇਟ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਇਸਨੂੰ ਖਿੱਚਦਾ ਹੈ ਜਾਂ CustomPainter
ਫਿਰ ਇਸਨੂੰ ਇੱਕ ਵਿੱਚ ਬਦਲਦਾ ਹੈ ui.Image
।
ਨੋਟ ਕਰੋ ਕਿ canvas ਆਕਾਰ ਨੂੰ ਕਸਟਮ ਵਿਜੇਟ( MyCanvasWidget
) ਅਤੇ toImage()
ਵਿਧੀ ਦੋਵਾਂ ਵਿੱਚ ਸੈੱਟ ਕੀਤਾ ਜਾਣਾ ਚਾਹੀਦਾ ਹੈ ਤਾਂ ਜੋ ਇਹ ਯਕੀਨੀ ਬਣਾਇਆ ਜਾ ਸਕੇ ਕਿ ਡਰਾਇੰਗ ਅਤੇ ਚਿੱਤਰ ਦੇ ਸਹੀ ਮਾਪ ਹਨ। ਇਸ ਉਦਾਹਰਨ ਵਿੱਚ, ਅਸੀਂ canvas ਆਕਾਰ ਨੂੰ 200x200 ਵਿੱਚ ਸੈੱਟ ਕੀਤਾ ਹੈ, ਪਰ ਤੁਸੀਂ ਇਸਨੂੰ ਆਪਣੇ ਲੋੜੀਂਦੇ ਮਾਪਾਂ ਵਿੱਚ ਵਿਵਸਥਿਤ ਕਰ ਸਕਦੇ ਹੋ।
ਫਿਊਚਰਜ਼ ਅਤੇ ਅਸਿੰਕ ਫੰਕਸ਼ਨਾਂ ਨਾਲ ਕੰਮ ਕਰਦੇ ਸਮੇਂ ਗਲਤੀਆਂ ਨੂੰ ਸੰਭਾਲਣਾ ਅਤੇ ਅਸਿੰਕ੍ਰੋਨਸ ਓਪਰੇਸ਼ਨਾਂ ਦੀ ਸਹੀ ਢੰਗ ਨਾਲ ਉਡੀਕ ਕਰਨਾ ਯਾਦ ਰੱਖੋ। ਨਾਲ ਹੀ, ਚਿੱਤਰ ਨੂੰ _convertCanvasToImage()
ਕੈਪਚਰ ਕਰਨ ਅਤੇ ਪ੍ਰਾਪਤ ਕਰਨ ਲਈ ਜਦੋਂ ਉਚਿਤ ਹੋਵੇ ਤਾਂ ਕਾਲ ਕਰਨਾ ਯਕੀਨੀ ਬਣਾਓ । canvas