Это все можно оптимизировать, все время вписывая прямоугольники с недостающими данными, но мне кажется в твоем кейсе c инверсией, тебе проще вырезать часть картинки, которую нужно инверсировать, нарисовать её на канвасе, инвертировать весь канвас , нарисовать оставшуюся часть картинки

поделитесь опытом, как коротко преобразовать обьект {foo: 'bar'} в строку 'foo: bar' при условии что имя свойства foo заранее не известно

Object.entries({foo: 'bar'}).map(entry => entry.join(': ')).join()