Penjana Tandatangan

Cipta tandatangan tersuai anda sendiri dan muat turun dengan mudah.

4,94 daripada 18 penilaian

16:9 4:3 3:4 1:1

1. Pengenalan

Penjana Tandatangan ialah alat berasaskan pelayar yang membolehkan anda mencipta tandatangan digital tulisan tangan menggunakan tetikus, pad sentuh atau skrin sentuh. Anda boleh melukis tandatangan anda secara terus pada kanvas, menyesuaikan warna dan ketebalannya, melaraskan latar belakang (termasuk ketelusan), serta mengeksportnya dalam pelbagai format imej seperti SVG, PNG, JPG dan WEBP.

Alat ini sesuai untuk menandatangani dokumen digital, menambah tandatangan pada fail PDF, membenamkan tandatangan dalam bahagian kaki e-mel, atau menyediakan imej tandatangan lutsinar untuk projek reka bentuk. Oleh kerana semuanya dijalankan dalam pelayar anda, tiada muat naik atau pemprosesan di bahagian pelayan diperlukan. Tandatangan anda dijana serta-merta dan boleh dimuat turun dengan segera dalam format yang anda perlukan.

Sama ada anda memerlukan PNG lutsinar yang bersih untuk kontrak, SVG yang boleh diskalakan untuk percetakan, atau JPG untuk perkongsian pantas, penjana tandatangan ini menyediakan penyelesaian yang pantas dan fleksibel untuk kegunaan peribadi serta profesional.

2. Cara Ia Berfungsi

Alat ini menggunakan kanvas HTML5 interaktif yang membolehkan pengguna melukis secara bebas. Setiap strok direkodkan sebagai satu siri titik yang merangkumi data kedudukan, masa dan tekanan (apabila tersedia). Titik-titik ini diproses menjadi lengkung yang licin bagi memastikan tulisan tangan kelihatan semula jadi dan bukannya garisan yang kasar atau bergerigi.

Parameter Input

Kawasan Kanvas: Permukaan lukisan tempat anda mencipta tandatangan.
Warna Pen: Pilih warna tulisan tersuai dalam format perenambelasan (hexadecimal) yang ditukar secara dalaman kepada RGB.
Warna Latar Belakang: Pilih warna pepejal atau latar belakang lutsinar menggunakan nilai RGBA.
Ketebalan Pen: Tiga tahap ketebalan yang boleh dipilih untuk melaraskan lebar strok minimum dan maksimum.
Nisbah Aspek: Pilih antara 16:9, 4:3, 3:4 atau 1:1 untuk mengawal dimensi kanvas.

Logik Pemaparan Strok

Semasa anda melukis, sistem menangkap peristiwa penunjuk atau sentuhan dan menukarkannya kepada segmen lengkung. Ia mengira halaju strok untuk melaraskan ketebalan garisan secara dinamik, menghasilkan kesan pen yang semula jadi. Setiap strok disimpan sebagai data berstruktur, membolehkan ciri seperti buat asal dan lukisan semula latar belakang tanpa kehilangan tandatangan.

Peraturan Pengesahan

Nilai ketebalan pen di bawah 1 akan menggunakan ketebalan minimum yang disokong secara lalai.
Input warna mesti mengikut format perenambelasan yang sah.
Saiz kanvas tidak boleh diubah selepas proses melukis bermula bagi mengelakkan herotan.
Fungsi Buat Asal hanya mengalih keluar strok terkini jika data strok wujud.

Format Output

Anda boleh mengeksport tandatangan anda dalam:

SVG – Format vektor boleh diskalakan, sesuai untuk percetakan beresolusi tinggi.
PNG – Menyokong ketelusan.
JPG – Format termampat untuk kegunaan umum.
WEBP – Format imej moden yang dioptimumkan.

Had

Alat ini tidak mengesahkan identiti atau menyediakan pengesahan yang mengikat di sisi undang-undang.
Tandatangan dilukis secara manual dan bukan dijana secara automatik daripada teks.
Mengubah saiz selepas melukis mungkin memerlukan anda mengosongkan kanvas.

3. Cara Menggunakan Alat Ini

Pilih nisbah aspek pilihan anda untuk kanvas.
Pilih tahap ketebalan pen.
Tetapkan warna tandatangan yang anda kehendaki.
Secara pilihan, pilih warna latar belakang (atau biarkan lutsinar).
Lukis tandatangan anda menggunakan tetikus atau skrin sentuh.
Gunakan Buat Asal untuk mengalih keluar strok terakhir jika perlu.
Klik Kosongkan untuk menetapkan semula kanvas sepenuhnya.
Muat turun tandatangan anda dalam format SVG, PNG, JPG atau WEBP.

4. Contoh Praktikal

Contoh 1: PNG Lutsinar untuk Kontrak PDF

Input:

Nisbah aspek: 4:3
Warna pen: Hitam (#000000)
Latar belakang: Lutsinar
Ketebalan pen: Sederhana

Output: download.png (latar belakang lutsinar)

Gunakan fail ini untuk memasukkan tandatangan anda ke dalam kontrak PDF tanpa kotak putih di belakangnya.

Contoh 2: SVG Resolusi Tinggi untuk Percetakan

Input:

Nisbah aspek: 16:9
Warna pen: Biru (#1a73e8)
Latar belakang: Putih
Ketebalan pen: Tebal

Output: download.svg

Oleh kerana SVG berasaskan vektor, tandatangan kekal tajam apabila saiznya diubah untuk kepala surat atau bahan bercetak.

5. Kegunaan untuk Pembangun

- Sistem Automasi Dokumen

Integrasikan imej tandatangan yang dimuat turun ke dalam aliran kerja penjanaan dokumen automatik (contohnya kontrak, invois dan perjanjian).

- Penangkapan Tandatangan di Bahagian Klien

Gunakan data imej Base64 yang dieksport untuk muat naik AJAX:

const dataUrl = signaturePad.toDataURL('image/png');
// Hantar dataUrl ke API backend untuk disimpan

- Membenamkan SVG dalam Aplikasi Web

Oleh kerana output SVG berasaskan vektor, ia boleh dibenamkan terus ke dalam HTML:

<img src="signature.svg" alt="Tandatangan Digital">

- Pengendalian Data yang Selamat

Memandangkan penjanaan tandatangan berlaku sepenuhnya dalam pelayar, tiada pemprosesan di bahagian pelayan diperlukan melainkan dilaksanakan secara khusus. Ini mengurangkan risiko pendedahan data. Pembangun boleh mengesahkan rentetan Base64 di bahagian pelayan sebelum menyimpannya bagi mengelakkan input yang tidak sah.

- Pemprosesan Latar Belakang dalam PHP

$base64 = $_POST['signature'];
$image = str_replace('data:image/png;base64,', '', $base64);
$image = base64_decode($image);
file_put_contents('signature.png', $image);

6. Soalan Lazim

Adakah tandatangan ini mengikat di sisi undang-undang?

Tidak. Alat ini menghasilkan imej digital tandatangan tulisan tangan anda. Kesahan undang-undangnya bergantung pada bidang kuasa dan cara tandatangan tersebut digunakan.