Signature_pad: обрезать toDataURL ('image / svg + xml');

Созданный на 7 февр. 2017  ·  5Комментарии  ·  Источник: szimek/signature_pad

Привет. в то время как я прочитал сообщения о том, как обрезать холст, его результат - base 64 png. и да, не у всех есть доступ к серверу, поэтому выполнение обрезки на стороне клиента определенно будет полезно.

хотел бы запросить обрезку для базы 64 svg. svg по-прежнему лучше всего подходит для вывода, потому что он векторный.

enhancement

Все 5 Комментарий

удар. это очень полезная функция. ^ _ ^

Надеюсь, эта функция заинтересует

Три года спустя, а ответа нет. Удар

Три года спустя, а ответа нет. Удар

Хорошо, это меня взволновало, и я хочу закрыть этот вопрос раз и навсегда. Вернусь с решением. счастливого кодирования.

PR приветствуются, хотя, если этот код обрезки может быть реализован как отдельная библиотека или как отдельная функция, которую не нужно импортировать, если она не используется, это было бы предпочтительнее, чтобы избежать раздувания этой библиотеки функциями, которые нужны немногим.

Кроме того, я больше не поддерживаю эту библиотеку. Я постараюсь в ближайшее время исправить некоторые вещи и дополнить файл README информацией, которую я ищу сопровождающего.

Мне очень жаль, что я прозвучал оскорбительно. Я не собирался никого обижать. Спасибо за этот пакет, я с удовольствием им пользуюсь. Что мне не нравится в моем поиске конкретных ответов, так это просмотр старых и открытых тикетов, которые не получили никакого ответа, поэтому, возможно, я пропустил очевидный ответ szimeks, что он воспринял его как улучшение. Еще раз спасибо за этот пакет.

Для всех, кто отчаянно ищет способы обрезки SVG, я узнал о нескольких решениях.

  1. Мне повезло, потому что я использую эти подписи в fabric.js, где вы можете импортировать SVG таким образом, чтобы он автоматически обрезал пустое пространство. См. Этот фрагмент кода:
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. Вы можете изменить свойство viewBox в своем XML-коде SVG, чтобы отображалась только подпись.

  1. В противном случае, если фон пустой, вы можете просто не обрезать любые пробелы и работать с полным векторным «изображением» вашей подписи. В другой задаче, когда я включаю SVG в PDF-файл, я пошел этим путем.
Была ли эта страница полезной?
0 / 5 - 0 рейтинги