Как обрезать изображение средствами JS?

Question

[thirteen_bit]

Дано: моделька с белым фоном. Нужны готовые решения выделения картинки самой модельки, без фона вокруг.

Comments

[ThunderCat]

не понятно что в итоге должно получиться? Изображение размером с крайние точки модели или просто прозрачный фон вне модели?

[Модератор]

Нарушены правила 3.1, 3.2, 5.12

[thirteen_bit]

Модератор, Я прочитал правила, вопрос был уточнен в комментариях при помощи пользователей, плюс, в заголовке указано "обрезать изображение", а не "убрать фон у изображения". Насчет последнего пункта – в вопросе был сформулирован класс задач – "обрезка изображений средствами JavaScript готовыми решениями", где вы здесь увидели "сделайте весь мой проект за меня" – мне совершенно непонятно. Еще раз: я ищу готовые решения по обрезке изображений в JS, это не задание...

[thirteen_bit]

ThunderCat, Прошу прочесть заголовок вопроса. "Обрезать", не "вырезать".

[thirteen_bit]

И у меня вопрос к куратору тега Python Алан Гибизов: зачем вы удалили тег "JavaScript" из вопроса, имеющего непосредственное отношение к этому языку программирования?

[ThunderCat]

thirteen_bit,

Я прочитал правила, вопрос был уточнен в комментария

это тут причем?

плюс, в заголовке указано "обрезать изображение", а не "убрать фон у изображения".

У вас заголовок противоречит вопросу, по этому я задал вполне конкретный вопрос. Который возник не только у меня, кстати.

где вы здесь увидели "сделайте весь мой проект за меня" – мне совершенно непонятно.

Нигде, это вы где-то увидели это за меня.

[thirteen_bit]

ThunderCat, "акелла промахнулся", переадресовал вопросы Модератор. Насчет "противоречия" – согласен, формулировка тела вопроса не самая лучшая, однако, противоречий здесь нет.
>Который возник не только у меня, кстати.
В комментариях можно было легко (теперь вряд ли) заметить уточнение, способное рассеять любые сомнения касательно самого вопроса.

[Алан Гибизов]

thirteen_bit, вопрос мог бы иметь отношение к JS, если бы в вопросе был, например, код JS, которым вы пытались решить свою проблему. А так - одного упоминания, что вам надо готовый код JS не достаточно.
Обратите внимание на то, как тут работают теги. Пользователи подписываются на теги, поэтому если поставить тег JS, то 70 тыс. подписчиков этого тега будут читать про ваш поиск конкретного решения, которое им совершенно не нужно и не интересно. Это называется "тег-спам", и модераторы могут удалить вопрос. Я убрал лишний тег и тем самым снизил вероятность удаления вашего вопроса.

[Модератор]

thirteen_bit, Ваш вопрос полностью попадает под п.5.12, а именно:
5.12. Задачи и задания. В отличие от вопроса, задача и задание представляют собой частную проблемную ситуацию с явно заданной целью, которую необходимо достичь. Пользу от достижения этой цели получает, как правило, лишь её автор. И даже автору решение задачи или задания будет полезно лишь кратковременно (до тех пор, пока он не использует полученное решение).

100% попадание.

[thirteen_bit]

Модератор, https://stackoverflow.com/questions/12175991/crop-...

Само существование этой ссылки уже опровергает ваши слова...

[thirteen_bit]

Алан Гибизов,
>ваш поиск конкретного решения
https://stackoverflow.com/questions/12175991/crop-...
Неужели прям "совершенно не нужно и не интересно"?)

кажется, я начинаю понимать, почему на вашем ресурсе так сложно искать ответы...

https://qna.habr.com/q/1154178 – стоит тег JavaScript
https://qna.habr.com/q/1154096 – тоже есть, к вопросу претензий ни у кого, видимо, не возникло
https://qna.habr.com/q/1153970 – тут вообще вопрос про конкретную фичу идет, и все равно у нас стоит тег JavaScript

Не нравится, что вопросы "свежие"? Есть из более давних пример, вопрос тоже больше походит под критерий "нужно только автору и нет примера JS-кода"
https://qna.habr.com/q/1151026

Ситуация больше походит на "у меня обострение синдрома вахтера и мне нужно что-то с этим срочно что-то сделать", потому как сама претензия к моему вопросу выглядит как высоссанная из пальца...

[Алан Гибизов]

thirteen_bit, приложенные ссылки лишь демонстрируют, что чудаков на букву м хватает. И модераторов слишком мало, чтобы всех чудаков поправить.

Вы напрасно воюете со мной :) Я ведь на вашей стороне, хотя это и не очевидно. Среди модераторов есть разные люди, и некоторые могут резко удалить вопрос «по совокупности», особенно если на него будет кинуто много жалоб. Ваш вопрос не удалён, ответ на него найден - и отлично.

[ThunderCat]

thirteen_bit,

В комментариях можно было легко (теперь вряд ли) заметить уточнение, способное рассеять любые сомнения

Во первых я задал вопрос ДО этого комментария, во вторых - очевидно что такой вопрос бы не понадобился, если бы в задаче была очевидная формулировка. О чем я и написал.

[thirteen_bit]

Алан Гибизов,
>ответ на него найден - и отлично
Вопреки вашим "стараниям", за что "не спасибо", конечно.

>некоторые могут резко удалить вопрос «по совокупности»
Значит, на то будет воля модераторов, не ваша.

>особенно если на него будет кинуто много жалоб
Вот об этом мы и не узнаем никогда теперь, тег JS же с вопроса удалён... зачем, кстати? Вы все еще будете настаивать на своей позиции касательно ценности вопроса и причастности к джаваскрипту, вы смотрели ссылку на stackoverflow, вы и дальше собираетесь настаивать на том, что это "ваш поиск конкретного решения, которое им совершенно не нужно", несмотря на то, что в комментах есть ссылка на подобную тему, где люди явно были заинтересованы? Не могу (и не собираюсь) судить о вас как о программисте, ваш код и ваша работа мне неизвестны, однако, могу сказать с определенной уверенностью: вы не на моей стороне, увы... Уверен, человек среди этих 70 тыс., столкнувшийся с подобной проблемой спасибо вам не скажет, ну никак.

Подытожу: делайте, что и до этого делали, я вам не нянька и вообще для вас никто, в конце концов. Но не надо говорить, что мы "на одной стороне", это попросту ложь, а от лжи меня тошнит... Удачи.

[thirteen_bit]

ThunderCat, Да, обратил внимание на метку времени, вопрос был действительно задан раньше, приношу свои извинения. И благодарю за повторное указание на проблему с формулировкой тела вопроса...

Answer 1

[ThunderCat]

https://stackoverflow.com/questions/12175991/crop-...
Похоже на готовое решение.

Answer 2

[Alexandroppolus]

Надо все белые пиксели заменить на прозрачные. Взять пиксели через getImageData, обнулить чертвертый байт у каждого пикселя, который (255, 255, 255, 255), вернуть на канву через putImageData.

Правда, непонятно что делать с тенью внизу. По идее, она должна стать полупрозрачной, но этого, разумеется, не будет.. Тень всё портит.

Comments

[thirteen_bit]

Да, в самой модели может быть белый цвет, если решать "в лоб": найти крайний левый, правый, верхний и нижний пиксели, отличающиеся от #FFFFFF, и обрезать картинку по ним. Я надеялся на готовое решение, ковырять пиксели у меня нет времени.

[Alexandroppolus]

thirteen_bit, тебе нужно вырезать минимальный прямоугольник, содержащий картинку?

[thirteen_bit]

Alexandroppolus, yep