Привет хабраюзеры!
В своей предыдущей статье про скриншоты в облаках я описал тему создания корпоративного ресурса скриншотов. В комментариях я почерпнул то, что многие используют всякого рода сервисы, у которых есть замечательно отличие: в них можно рисовать!
Так же хочу сразу отметить, что для одного человека, т.е. себя, я бы никогда и не думал выдумывать свой велосипед. В этом и смысл корпоративной тулзы — использовать её принято у нас в компании. В той же Jira скрины показывать, либо же клиентам отсылать.
В общем нашёл я прекрасный инструмент для рисования http://www.williammalone.com/articles/create-html5-canvas-javascript-drawing-app/ — интересный мануал по рисованию в HTML5. И совместил этот инструмент с тем, что было до.
Теперь можно:
Вот, что получилось:
Так же добавлены опции при вызове скрипта из клиента:
Скрипт: 'index.php?pic=1' даёт в буффер обмена сразу укороченый линк на скриншот.
Скрипт: 'index.php?pic=2' даёт в буффер обмена длинный линк на скриншот.
Вызов index.php даёт возможно порисовать на скриншоте.
К сожалению, пока не реализована функциональность сохранять и расшаривать скриншоты с отметками сразу, приходится перефографировать. Я буду развивать эту тему дальше, можете помочь и форкнуть к себе репозиторий.
Исходный код приложения находится тут: https://github.com/korjik/Gyazo_AWS_S3
Можно в последствии достигнуть функциональности Skitch! И наши тестеры будут в восторге!
В своей предыдущей статье про скриншоты в облаках я описал тему создания корпоративного ресурса скриншотов. В комментариях я почерпнул то, что многие используют всякого рода сервисы, у которых есть замечательно отличие: в них можно рисовать!
Так же хочу сразу отметить, что для одного человека, т.е. себя, я бы никогда и не думал выдумывать свой велосипед. В этом и смысл корпоративной тулзы — использовать её принято у нас в компании. В той же Jira скрины показывать, либо же клиентам отсылать.
В общем нашёл я прекрасный инструмент для рисования http://www.williammalone.com/articles/create-html5-canvas-javascript-drawing-app/ — интересный мануал по рисованию в HTML5. И совместил этот инструмент с тем, что было до.
Теперь можно:
- Рисовать карандашом
- Рисовать маркером
- Стирать часть рисунка
- Менять размер кисти
Вот, что получилось:
Так же добавлены опции при вызове скрипта из клиента:
Скрипт: 'index.php?pic=1' даёт в буффер обмена сразу укороченый линк на скриншот.
Скрипт: 'index.php?pic=2' даёт в буффер обмена длинный линк на скриншот.
Вызов index.php даёт возможно порисовать на скриншоте.
К сожалению, пока не реализована функциональность сохранять и расшаривать скриншоты с отметками сразу, приходится перефографировать. Я буду развивать эту тему дальше, можете помочь и форкнуть к себе репозиторий.
Исходный код приложения находится тут: https://github.com/korjik/Gyazo_AWS_S3
Можно в последствии достигнуть функциональности Skitch! И наши тестеры будут в восторге!
