Селфі через JavaScript

javascript

Примітка: цей додаток є експериментальним, не гарантується робота у всіх браузерах. На даний момент не працює на Safari.

додаток

Для реалізації нашого завдання потрібно:

Вихідний приклад можна отримати, натиснувши відповідну кнопку. Також доступний приклад на JSfiddle.

jQuery

Доступ до камери

javascript

Елемент canvas може бути прихований і діяти у фоновому режимі.

Завантаження фотографії

Крім того, ми хочемо дати можливість користувачеві завантажити знімок. Для цього створимо спеціальне посилання:

Атрибут download перетворює посилання на кнопку. Його значення - назва файлу, що завантажується. Посилання href на файл наразі порожнє. Для того, щоб помістити туди зображення, потрібно трохи переписати код:

Тепер після того, як знімок буде створено, можна буде завантажити файл під назвою glorious_selfie.png .Наш невеликий експеримент завершено!

Даний урок підготовлений для вас командою сайту ruseller.com Джерело уроку: http://tutorialzine.com/2016/07/take-a-selfie-with-js/ Переклав: Станіслав Протасевич Урок створений : 29 Липня 2016 Переглядів: 18999 Правила передруку

5 останніх уроків рубрики "jQuery"

Анімація набір тексту на jQuery

Сьогодні ми хотіли б вам розповісти про бібліотеку TypeIt — безкоштовний jQuery плагін. З її допомогою можна імітувати набір тексту. Якщо все налаштувати правильно, то можна досягти дуже реалістичного ефекту.

Тимчасова шкала на jQuery

jQuery плагін для створення тимчасової шкали.

Малюємо діаграму Ганта

jQuery плагін для створення діаграми Ганта.

AJAX та PHP: завантаження файлу

Приклад того, як здійснитизавантаження файлу через PHP та jQuery ajax.