Я хочу заполнить определенный цвет в определенной области изображения.
EX:
В приведенном выше Joker изображении, если прикоснитесь к волосам Джокер, затем заполните определенный цвет на волосах или коснитесь носа, затем заполните определенный цвет на носу и т.д. Надеюсь, вы поймете, что я пытаюсь сказать.
После googling это может быть достигнуто с помощью UIBezierPath или CGContext Reference, но я очень новичок в этом, я пытался прочитать эту документацию, но я не понимаю, что (требуется больше времени), у меня также есть время для этого проекта. Поэтому я не могу тратить на это больше времени.
Также я обнаружил, что мы можем использовать Алгоритм заполнения наводнений. Но я не знаю, как использовать в моем случае.
ПРИМЕЧАНИЕ: Я не хочу делить исходное изображение (например, волосы, нос, колпачок и т.д.), потому что, если я буду делать, в пакете будет так много изображений, Мне нужно обработать его как для обычного, так и для сетчатого устройства, поэтому этот вариант мне не поможет.
Поэтому, пожалуйста, дайте мне свое ценное предложение, а также скажите мне, что лучше для меня UIBezierPath или Справочник по CGContext? Как я могу заполнить цвет на определенной части изображения? и/или мы можем заполнить цвет под черной границей области? Потому что я новичок в Quartz 2D Programming.
Используйте библиотеку Github ниже. В сообщении используется алгоритм заполнения заливки: UIImageScanlineFloodfill
Описание Objective C: ObjFloodFill
Если вы хотите посмотреть подробное объяснение алгоритма: Рекурсия, объясненная с помощью алгоритма заполнения наводнений (и зомби и кошки)
несколько других учебных пособий на других языках: Учебник по компьютерной графике Lode: Flood Fill
Вместо того, чтобы пытаться заливать область изображения на основе растра, лучшим способом (и гораздо меньшим объемом данных) было бы создание векторных изображений. Когда у вас есть векторное изображение, вы можете погладить контур, чтобы нарисовать его неокрашенным, или вы можете заполнить контур, чтобы нарисовать его цветным.
Я рекомендую использовать вызовы CoreGraphics, такие как CGContextStrokePath() и CGContextFillPath(), чтобы сделать чертеж. Это, вероятно, будет выглядеть лучше, чем использование заливки флуда, потому что вы получите красиво сглаженные края.
У Apple есть хорошая документация о том, как рисовать с помощью Quartz 2D. В частности, раздел в разделе "Пути" полезен для того, что вы пытаетесь сделать.
Вы можете скопировать контекст на основе изображения Альфа-прозрачность
Я создал быстрое изображение с черным цветом и альфа
Затем, используя приведенный ниже код
- (void)drawRect:(CGRect)rect
{
CGContextRef context = UIGraphicsGetCurrentContext(); // Get the context
CGContextSetFillColorWithColor(context, [UIColor blueColor].CGColor); // Set the fill color to be blue
// Flip the context so that the image is not flipped
CGContextTranslateCTM(context, 0, rect.size.height);
CGContextScaleCTM(context, 1.0, -1.0);
// Clip the context by a mask created from the image
UIImage *image = [UIImage imageNamed:@"image.png"];
CGImageRef cgImage = image.CGImage;
CGContextClipToMask(context, rect, cgImage);
// Finally fill the context with the color and mask you set earlier
CGContextFillRect(context, rect);
}
Результат
Это быстрый намек на то, что вы можете сделать. Однако теперь вам нужно преобразовать свое изображение, чтобы добавить альфа-прозрачность в части, которые нужно удалить.
После быстрого поиска я нашел эти ссылки
Если вы создадите свое изображение в качестве векторного базового изображения SVG, оно будет очень легким (меньше, чем png, jpg) и очень простым в управлении с помощью Quartz 2D с использованием безьеров. Пути Безье могут быть заполнены (белый при запуске). У UIBezierPath есть метод (containsPoint:), который помогает определить, щелкнете ли вы внутри.