Реализация инструмента редактирования PDF... проблема с инструментом удаления ⇐ CSS
-
Anonymous
Реализация инструмента редактирования PDF... проблема с инструментом удаления
Я пытаюсь внедрить инструмент редактирования PDF. Содержимое PDF также стирается.
это код загрузки PDF с использованием js:
var pdf = new PDFAnnotate("pdf-container", encodeURI("http://localhost:8080/myapp/img/sample.pdf"), { onPageUpdated (страница, oldData, newData) { console.log(страница, старые данные, новые данные); }, готовый() { console.log("Плагин успешно инициализирован"); }, масштаб: 1,5, pageImageCompression: "MEDIUM", // FAST, MEDIUM, SLOW (Помогает контролировать размер нового PDF-файла) }); html-код:
Здесь я добавил HTML-код, в котором при нажатии вызываю функцию.
JS-код:
PDFAnnotate.prototype.enablePencil = function () { вар инст = это; inst.active_tool = 1; если (inst.fabricObjects.length > 0) { $.each(inst.fabricObjects, function (index, FabricObj) { FabricObj.isDrawingMode = true; FabricObj.freeDrawingBrush = новая ткань.PencilBrush(fabricObj); FabricObj.freeDrawingBrush.color = '#000000'; // Установите желаемый цвет карандаша FabricObj.freeDrawingBrush.width = 2; // Установите желаемую ширину карандаша FabricObj.on('путь: создано', функция (e) { e.path.globalCompositeOperation = 'выходной пункт назначения'; }); }); } } PDFAnnotate.prototype.enableEraser = функция () { вар инст = это; inst.active_tool = 8; если (inst.fabricObjects.length > 0) { $.each(inst.fabricObjects, function (index, FabricObj) { FabricObj.isDrawingMode = true; FabricObj.freeDrawingBrush = новая ткань.PencilBrush(fabricObj); FabricObj.freeDrawingBrush.color = FabricObj.backgroundColor || '#фффффф'; FabricObj.freeDrawingBrush.width = 10; FabricObj.on('путь: создано', функция (e) { e.path.globalCompositeOperation = 'переход источника'; }); FabricObj.on('мышь:вверх', функция (e) { если (fabricObj.isDrawingMode) { FabricObj.contextTop.clearRect(0, 0, FabricObj.upperCanvasEl.width, FabricObj.upperCanvasEl.height); FabricObj.isDrawingMode = ложь; } }); }); } }; Это прикрепленный мною JS-код.
function EnablePencil(event) { событие.preventDefault(); изменитьActiveTool (событие); pdf.enablePencil(); } функция EnableEraser (событие) { событие.preventDefault(); изменитьActiveTool (событие); pdf.enableEraser(); } Карандаш работает правильно, но стирается содержимое PDF-файла, включая рисунки, нарисованные карандашом.
Можете ли вы сказать мне, где я делаю не так? Карандаш рисует правильно только тогда, когда мы стираем рисунок карандашом, который мы рисуем с помощью инструмента «Карандаш». Содержимое PDF-файла также стирается.. какое решение для этой проблемы ?? как я могу это исправить?
Я пытаюсь внедрить инструмент редактирования PDF. Содержимое PDF также стирается.
это код загрузки PDF с использованием js:
var pdf = new PDFAnnotate("pdf-container", encodeURI("http://localhost:8080/myapp/img/sample.pdf"), { onPageUpdated (страница, oldData, newData) { console.log(страница, старые данные, новые данные); }, готовый() { console.log("Плагин успешно инициализирован"); }, масштаб: 1,5, pageImageCompression: "MEDIUM", // FAST, MEDIUM, SLOW (Помогает контролировать размер нового PDF-файла) }); html-код:
Здесь я добавил HTML-код, в котором при нажатии вызываю функцию.
JS-код:
PDFAnnotate.prototype.enablePencil = function () { вар инст = это; inst.active_tool = 1; если (inst.fabricObjects.length > 0) { $.each(inst.fabricObjects, function (index, FabricObj) { FabricObj.isDrawingMode = true; FabricObj.freeDrawingBrush = новая ткань.PencilBrush(fabricObj); FabricObj.freeDrawingBrush.color = '#000000'; // Установите желаемый цвет карандаша FabricObj.freeDrawingBrush.width = 2; // Установите желаемую ширину карандаша FabricObj.on('путь: создано', функция (e) { e.path.globalCompositeOperation = 'выходной пункт назначения'; }); }); } } PDFAnnotate.prototype.enableEraser = функция () { вар инст = это; inst.active_tool = 8; если (inst.fabricObjects.length > 0) { $.each(inst.fabricObjects, function (index, FabricObj) { FabricObj.isDrawingMode = true; FabricObj.freeDrawingBrush = новая ткань.PencilBrush(fabricObj); FabricObj.freeDrawingBrush.color = FabricObj.backgroundColor || '#фффффф'; FabricObj.freeDrawingBrush.width = 10; FabricObj.on('путь: создано', функция (e) { e.path.globalCompositeOperation = 'переход источника'; }); FabricObj.on('мышь:вверх', функция (e) { если (fabricObj.isDrawingMode) { FabricObj.contextTop.clearRect(0, 0, FabricObj.upperCanvasEl.width, FabricObj.upperCanvasEl.height); FabricObj.isDrawingMode = ложь; } }); }); } }; Это прикрепленный мною JS-код.
function EnablePencil(event) { событие.preventDefault(); изменитьActiveTool (событие); pdf.enablePencil(); } функция EnableEraser (событие) { событие.preventDefault(); изменитьActiveTool (событие); pdf.enableEraser(); } Карандаш работает правильно, но стирается содержимое PDF-файла, включая рисунки, нарисованные карандашом.
Можете ли вы сказать мне, где я делаю не так? Карандаш рисует правильно только тогда, когда мы стираем рисунок карандашом, который мы рисуем с помощью инструмента «Карандаш». Содержимое PDF-файла также стирается.. какое решение для этой проблемы ?? как я могу это исправить?
Мобильная версия