- PVSM.RU - https://www.pvsm.ru -

Софт / Скриншоты в облаках [обновление]

Привет читатели!image

В своей предыдущей статье [1] про скриншоты в облаках я описал тему создания корпоративного ресурса скриншотов. В комментариях я почерпнул то, что многие используют всякого рода сервисы, у которых есть замечательно отличие: в них можно рисовать!

Так же хочу сразу отметить, что для одного человека, т.е. себя, я бы никогда и не думал выдумывать свой велосипед. В этом и смысл корпоративной тулзы — использовать её принято у нас в компании. В той же Jira скрины показывать, либо же клиентам отсылать.

В общем нашёл я прекрасный инструмент для рисования http://www.williammalone.com/articles/create-html5-canvas-javascript-drawing-app/ [2] — интересный мануал по рисованию в HTML5. И совместил этот инструмент с тем, что было до.

Теперь можно:

  • Рисовать карандашом
  • Рисовать маркером
  • Стирать часть рисунка
  • Менять размер кисти

Вот, что получилось:
image

Так же добавлены опции при вызове скрипта из клиента:

Скрипт: 'index.php?pic=1' даёт в буффер обмена сразу укороченый линк на скриншот.
Скрипт: 'index.php?pic=2' даёт в буффер обмена длинный линк на скриншот.

Вызов index.php даёт возможно порисовать на скриншоте.

К сожалению, пока не реализована функциональность сохранять и расшаривать скриншоты с отметками сразу, приходится перефографировать. Я буду развивать эту тему дальше, можете помочь и форкнуть к себе репозиторий.

Исходный код приложения находится тут: https://github.com/korjik/Gyazo_AWS_S3 [3]

Можно в последствии достигнуть функциональности Skitch! И наши тестеры будут в восторге!

Автор: korjik


Сайт-источник PVSM.RU: https://www.pvsm.ru

Путь до страницы источника: https://www.pvsm.ru/cloud/3130

Ссылки в тексте:

[1] статье: http://habrahabr.ru/blogs/soft/138858/

[2] http://www.williammalone.com/articles/create-html5-canvas-javascript-drawing-app/: http://www.williammalone.com/articles/create-html5-canvas-javascript-drawing-app/

[3] https://github.com/korjik/Gyazo_AWS_S3: https://github.com/korjik/Gyazo_AWS_S3