Signature_pad: potong toDataURL('gambar/svg+xml');

Dibuat pada 7 Feb 2017  ·  5Komentar  ·  Sumber: szimek/signature_pad

Hai. sementara saya membaca posting tentang cara memotong kanvas, hasilnya adalah basis 64 png. dan ya, tidak semua orang memiliki akses ke server sehingga melakukan pemangkasan sisi klien pasti akan sangat membantu.

ingin meminta untuk memotong untuk base 64 svg. svg masih yang terbaik untuk output karena ini adalah vektor.

enhancement

Semua 5 komentar

menabrak. ini adalah fitur yang sangat berguna. ^_^

saya harap fitur ini menarik minat

Tiga tahun dan bahkan tidak ada jawaban. Menabrak

Tiga tahun dan bahkan tidak ada jawaban. Menabrak

Baiklah ini membuat saya emosional dan ingin menutup masalah ini untuk selamanya. Akan kembali dengan solusi. senang Coding.

PR dipersilakan, meskipun jika kode pemangkasan ini dapat diimplementasikan sebagai perpustakaan terpisah atau sebagai fungsi terpisah yang tidak perlu diimpor jika tidak digunakan, itu akan lebih baik untuk menghindari pembengkakan perpustakaan ini dengan fitur yang dibutuhkan beberapa orang.

Juga, saya tidak benar-benar memelihara perpustakaan ini lagi. Saya akan mencoba untuk membersihkan beberapa hal segera dan memperbarui file README dengan informasi yang saya cari pengelola.

Saya minta maaf karena saya terdengar menyinggung. Saya tidak bermaksud menyinggung siapa pun. Terima kasih untuk paket ini, saya senang menggunakannya. Apa yang saya tidak suka pada pencarian saya untuk jawaban spesifik adalah browsing melalui tiket lama dan terbuka yang tidak menerima respon apapun, jadi mungkin saya mengabaikan respon szimeks yang jelas, bahwa ia menganggapnya sebagai peningkatan. Sekali lagi, terima kasih untuk paket ini.

Bagi siapa pun yang putus asa mencari cara untuk memotong SVG, saya menemukan beberapa solusi.

  1. Saya beruntung, karena saya menggunakan tanda tangan tersebut di fabric.js, di mana Anda dapat mengimpor SVG dengan cara memangkas ruang putih secara otomatis. Lihat cuplikan kode ini:
fabric.loadSVGFromURL(svgFilePath, () => {
  // these are your signature path elements grouped together 
    var loadedObjects = new fabric.Group(group);
  },
  function (item, object) {
    object.set("id", item.getAttribute("id"));
    group.push(object);
  }
);

2, Anda dapat memodifikasi properti viewBox dalam kode xml SVG Anda untuk hanya menampilkan tanda tangan.

  1. Jika tidak, jika latar belakangnya kosong, Anda cukup menghilangkan pemangkasan spasi putih apa pun dan bekerja dengan "gambar" vektor penuh tanda tangan Anda. Dalam masalah lain, di mana saya memasukkan SVG dalam file PDF, saya menggunakan cara ini.
Apakah halaman ini membantu?
0 / 5 - 0 peringkat

Masalah terkait

chenks picture chenks  ·  7Komentar

crazzeto picture crazzeto  ·  8Komentar

rmmackay picture rmmackay  ·  7Komentar

szimek picture szimek  ·  17Komentar

jamie-thul picture jamie-thul  ·  20Komentar