Unduh sm annotate - Unduh Kode Sumber sm annotate

sm annotate

Kategori lainnya

Video Sync

Unduh

Alat Anotasi Video dan Gambar

Proyek ini menyediakan alat anotasi untuk elemen video dan gambar HTML. Alat ini memungkinkan pengguna untuk menggambar dan memberi anotasi melalui video dan gambar menggunakan berbagai alat menggambar, termasuk kurva, persegi panjang, elips, dan teks. Pengguna juga dapat menyesuaikan ukuran warna dan stroke dari anotasi mereka.

Demo: lifeart.github.io/sm-annotate

Fitur

Menggambar dan anotasi melalui elemen video dan gambar.
Beberapa alat gambar (kurva, persegi panjang, elips, dan teks).
Ukuran warna dan stroke yang dapat disesuaikan untuk anotasi.
↩ Batalkan fungsionalitas.
Serialisasi dan deserialisasi bentuk yang ditarik.
Bentuk penskalaan ke ukuran kanvas saat ini.
⌨ Pintasan keyboard untuk Undo (Ctrl/CMD + Z).
Penanganan acara untuk acara pointer (mouse dan sentuhan).
Pemutaran frame beranotasi sebagai video.
Menyimpan bingkai saat ini atau semua bingkai dengan anotasi.
Video Overlay Comparsion

Manfaat tambahan

Nol dependensi.
Dukungan untuk perangkat seluler.
Sistem plugin yang kuat.
Ditulis dalam naskah.

Memulai

Tambahkan paket ke proyek Anda menggunakan benang:

yarn add https://github.com/lifeart/sm-annotate.git

Penggunaan

 import { SmAnnotate } from '@lifeart/sm-annotate' ;
const video = document . getElementById ( 'video' ) ;
const annotationTool = new AnnotationTool ( video ) ;

Pengguna dapat menggambar dan beranotasi menggunakan alat yang tersedia (kurva, persegi panjang, elips, dan teks) dan menyesuaikan ukuran warna dan stroke anotasi. Alat ini juga mendukung fungsionalitas undo dan penanganan acara untuk acara pointer (mouse dan touch).

Untuk menyimpan bingkai saat ini atau semua bingkai dengan anotasi, gunakan metode saveCurrentFrame atau saveAllFrames , masing -masing.