mirror of
https://github.com/24eme/signaturepdf
synced 2026-03-14 13:55:44 +01:00
watermark: update on resize and no text limit
This commit is contained in:
parent
228b9a6839
commit
c78725fb2d
2 changed files with 25 additions and 1 deletions
|
|
@ -474,6 +474,27 @@ function addObjectInCanvas(canvas, item) {
|
|||
return canvas.add(item);
|
||||
};
|
||||
|
||||
function updateWatermark() {
|
||||
const text = new fabric.Text(document.querySelector('input[name=watermark]').value, {angle: -40, fill: "#0009", fontSize: 27 * currentScale})
|
||||
text.scale = 0.
|
||||
const overlay = new fabric.Rect({
|
||||
fill: new fabric.Pattern({
|
||||
source: text.toCanvasElement(),
|
||||
}),
|
||||
})
|
||||
|
||||
canvasEditions.forEach(function (canvas) {
|
||||
overlay.height = canvas.height
|
||||
overlay.width = canvas.width
|
||||
|
||||
canvas.objectCaching = false
|
||||
canvas.setOverlayImage(overlay, canvas.renderAll.bind(canvas), {
|
||||
objectCaching: false
|
||||
})
|
||||
})
|
||||
}
|
||||
|
||||
|
||||
function updateFlatten() {
|
||||
let flatten = Boolean(document.querySelector('input[name=watermark]').value);
|
||||
|
||||
|
|
@ -596,6 +617,7 @@ function createAndAddSvgInCanvas(canvas, item, x, y, height = null) {
|
|||
function autoZoom() {
|
||||
clearTimeout(resizeTimeout);
|
||||
resizeTimeout = setTimeout(resizePDF, 100);
|
||||
updateWatermark();
|
||||
};
|
||||
|
||||
function zoomChange(inOrOut) {
|
||||
|
|
@ -681,6 +703,8 @@ function resizePDF(scale = 'auto') {
|
|||
resizeTimeout = null;
|
||||
});
|
||||
});
|
||||
|
||||
updateWatermark();
|
||||
};
|
||||
|
||||
function createEventsListener() {
|
||||
|
|
|
|||
|
|
@ -93,7 +93,7 @@
|
|||
</div>
|
||||
<div class="input-group d-none">
|
||||
<span class="input-group-text border-secondary"><i class="bi bi-droplet-half"></i></span>
|
||||
<input form="form_pdf" type="text" class="form-control border-secondary" name="watermark" placeholder="<?php echo _("Watermark") ?>" aria-label="Watermark" aria-describedby="watermark-addon" maxlength="30">
|
||||
<input form="form_pdf" type="text" class="form-control border-secondary" name="watermark" placeholder="<?php echo _("Watermark") ?>" aria-label="Watermark" aria-describedby="watermark-addon">
|
||||
</div>
|
||||
<?php endif ?>
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue