fix: exported document doesn't scale, rotate signature correctly

This commit is contained in:
insleker 2025-09-19 16:53:49 +08:00
parent 5a03793b54
commit 8daf5ea3ca
4 changed files with 231 additions and 198 deletions

View File

@ -7,6 +7,8 @@ import 'package:pdf/pdf.dart' as pdf;
import 'package:printing/printing.dart' as printing; import 'package:printing/printing.dart' as printing;
import 'package:image/image.dart' as img; import 'package:image/image.dart' as img;
import '../../domain/models/model.dart'; import '../../domain/models/model.dart';
// math moved to utils in rot
import '../../utils/rotation_utils.dart' as rot;
// NOTE: // NOTE:
// - This exporter uses a raster snapshot of the UI (RepaintBoundary) and embeds it into a new PDF. // - This exporter uses a raster snapshot of the UI (RepaintBoundary) and embeds it into a new PDF.
@ -15,50 +17,6 @@ import '../../domain/models/model.dart';
// cannot import/modify existing PDF pages. If/when a suitable FOSS library exists, wire it here. // cannot import/modify existing PDF pages. If/when a suitable FOSS library exists, wire it here.
class ExportService { class ExportService {
/// Compose a new PDF by rasterizing the original PDF pages (via pdfrx engine)
/// and optionally stamping a signature image on the specified page.
///
/// Inputs:
/// - [inputPath]: Path to the original PDF to read
/// - [outputPath]: Path to write the composed PDF
/// - [uiPageSize]: The logical page size used by the UI layout (SignatureCardStateNotifier.pageSize)
/// - [signatureImageBytes]: PNG/JPEG bytes of the signature image to overlay
/// - [targetDpi]: Rasterization DPI for background pages
Future<bool> exportSignedPdfFromFile({
required String inputPath,
required String outputPath,
required Size uiPageSize,
required Uint8List? signatureImageBytes,
Map<int, List<SignaturePlacement>>? placementsByPage,
Map<String, Uint8List>? libraryBytes,
double targetDpi = 144.0,
}) async {
// Read source bytes and delegate to bytes-based exporter
Uint8List? srcBytes;
try {
srcBytes = await File(inputPath).readAsBytes();
} catch (_) {
srcBytes = null;
}
if (srcBytes == null) return false;
final bytes = await exportSignedPdfFromBytes(
srcBytes: srcBytes,
uiPageSize: uiPageSize,
signatureImageBytes: signatureImageBytes,
placementsByPage: placementsByPage,
libraryBytes: libraryBytes,
targetDpi: targetDpi,
);
if (bytes == null) return false;
try {
final file = File(outputPath);
await file.writeAsBytes(bytes, flush: true);
return true;
} catch (_) {
return false;
}
}
/// Compose a new PDF from source PDF bytes; returns the resulting PDF bytes. /// Compose a new PDF from source PDF bytes; returns the resulting PDF bytes.
Future<Uint8List?> exportSignedPdfFromBytes({ Future<Uint8List?> exportSignedPdfFromBytes({
required Uint8List srcBytes, required Uint8List srcBytes,
@ -68,6 +26,131 @@ class ExportService {
Map<String, Uint8List>? libraryBytes, Map<String, Uint8List>? libraryBytes,
double targetDpi = 144.0, double targetDpi = 144.0,
}) async { }) async {
// Per-call caches to avoid redundant decode/encode and image embedding work
final Map<String, Uint8List> _processedBytesCache = <String, Uint8List>{};
final Map<String, pw.MemoryImage> _memoryImageCache =
<String, pw.MemoryImage>{};
final Map<String, double> _aspectRatioCache = <String, double>{};
// Returns a stable-ish cache key for bytes within this process (not content-hash, but good enough per-call)
String _baseKeyForBytes(Uint8List b) =>
'${identityHashCode(b)}:${b.length}';
// Fast PNG signature check (no string allocation)
bool _isPng(Uint8List bytes) {
if (bytes.length < 8) return false;
return bytes[0] == 0x89 &&
bytes[1] == 0x50 && // P
bytes[2] == 0x4E && // N
bytes[3] == 0x47 && // G
bytes[4] == 0x0D &&
bytes[5] == 0x0A &&
bytes[6] == 0x1A &&
bytes[7] == 0x0A;
}
// Resolve base (unprocessed) bytes for a placement, considering library override.
Uint8List _getBaseBytes(SignaturePlacement placement) {
Uint8List baseBytes = placement.asset.bytes;
final libKey = placement.asset.name;
if (libKey != null && libraryBytes != null) {
final libBytes = libraryBytes[libKey];
if (libBytes != null && libBytes.isNotEmpty) {
baseBytes = libBytes;
}
}
return baseBytes;
}
// Get processed bytes for a placement, with caching.
Uint8List _getProcessedBytes(SignaturePlacement placement) {
final Uint8List baseBytes = _getBaseBytes(placement);
final adj = placement.graphicAdjust;
final cacheKey =
'${_baseKeyForBytes(baseBytes)}|c=${adj.contrast}|b=${adj.brightness}|bg=${adj.bgRemoval}';
final cached = _processedBytesCache[cacheKey];
if (cached != null) return cached;
// If no graphic changes requested, return bytes as-is (conversion to PNG is deferred to MemoryImage step)
final bool needsAdjust =
(adj.contrast != 1.0 || adj.brightness != 1.0 || adj.bgRemoval);
if (!needsAdjust) {
_processedBytesCache[cacheKey] = baseBytes;
return baseBytes;
}
try {
final decoded = img.decodeImage(baseBytes);
if (decoded == null) {
_processedBytesCache[cacheKey] = baseBytes;
return baseBytes;
}
img.Image processed = decoded;
if (adj.contrast != 1.0 || adj.brightness != 1.0) {
processed = img.adjustColor(
processed,
contrast: adj.contrast,
brightness: adj.brightness,
);
}
if (adj.bgRemoval) {
processed = _removeBackground(processed);
}
final outBytes = Uint8List.fromList(img.encodePng(processed));
_processedBytesCache[cacheKey] = outBytes;
return outBytes;
} catch (_) {
// If processing fails, fall back to original
_processedBytesCache[cacheKey] = baseBytes;
return baseBytes;
}
}
// Wrap bytes in a pw.MemoryImage with caching, converting to PNG only when necessary.
pw.MemoryImage? _getMemoryImage(Uint8List bytes) {
final key = _baseKeyForBytes(bytes);
final cached = _memoryImageCache[key];
if (cached != null) return cached;
try {
if (_isPng(bytes)) {
final imgObj = pw.MemoryImage(bytes);
_memoryImageCache[key] = imgObj;
return imgObj;
}
// Convert to PNG to preserve transparency if not already PNG
final decoded = img.decodeImage(bytes);
if (decoded == null) return null;
final png = Uint8List.fromList(img.encodePng(decoded, level: 6));
final imgObj = pw.MemoryImage(png);
_memoryImageCache[key] = imgObj;
return imgObj;
} catch (_) {
return null;
}
}
// Compute and cache aspect ratio (width/height) for given bytes
double? _getAspectRatioFromBytes(Uint8List bytes) {
final key = _baseKeyForBytes(bytes);
final c = _aspectRatioCache[key];
if (c != null) return c;
try {
final decoded = img.decodeImage(bytes);
if (decoded == null || decoded.width <= 0 || decoded.height <= 0) {
return null;
}
final ar = decoded.width / decoded.height;
_aspectRatioCache[key] = ar;
return ar;
} catch (_) {
return null;
}
}
final out = pw.Document(version: pdf.PdfVersion.pdf_1_4, compress: false); final out = pw.Document(version: pdf.PdfVersion.pdf_1_4, compress: false);
int pageIndex = 0; int pageIndex = 0;
bool anyPage = false; bool anyPage = false;
@ -123,51 +206,22 @@ class ExportService {
final w = r.width * widthPts; final w = r.width * widthPts;
final h = r.height * heightPts; final h = r.height * heightPts;
// Process the signature asset with its graphic adjustments // Get processed bytes (cached) and then embed as MemoryImage (cached)
Uint8List bytes = placement.asset.bytes; Uint8List bytes = _getProcessedBytes(placement);
if (bytes.isNotEmpty) {
try {
// Decode the image
final decoded = img.decodeImage(bytes);
if (decoded != null) {
img.Image processed = decoded;
// Apply contrast and brightness first
if (placement.graphicAdjust.contrast != 1.0 ||
placement.graphicAdjust.brightness != 0.0) {
processed = img.adjustColor(
processed,
contrast: placement.graphicAdjust.contrast,
brightness: placement.graphicAdjust.brightness,
);
}
// Apply background removal after color adjustments
if (placement.graphicAdjust.bgRemoval) {
processed = _removeBackground(processed);
}
// Encode back to PNG to preserve transparency
bytes = Uint8List.fromList(img.encodePng(processed));
}
} catch (e) {
// If processing fails, use original bytes
}
}
// Use fallback if no bytes available
if (bytes.isEmpty && signatureImageBytes != null) { if (bytes.isEmpty && signatureImageBytes != null) {
bytes = signatureImageBytes; bytes = signatureImageBytes;
} }
if (bytes.isNotEmpty) { if (bytes.isNotEmpty) {
pw.MemoryImage? imgObj; final imgObj = _getMemoryImage(bytes);
try {
imgObj = pw.MemoryImage(bytes);
} catch (_) {
imgObj = null;
}
if (imgObj != null) { if (imgObj != null) {
// Align with RotatedSignatureImage: counterclockwise positive
final angle = rot.radians(placement.rotationDeg);
// Prefer AR from base bytes to avoid extra decode of processed
final baseBytes = _getBaseBytes(placement);
final ar = _getAspectRatioFromBytes(baseBytes);
final scaleToFit = rot.scaleToFitForAngle(angle, ar: ar);
children.add( children.add(
pw.Positioned( pw.Positioned(
left: left, left: left,
@ -177,16 +231,16 @@ class ExportService {
height: h, height: h,
child: pw.FittedBox( child: pw.FittedBox(
fit: pw.BoxFit.contain, fit: pw.BoxFit.contain,
child: pw.Transform.scale(
scale: scaleToFit,
child: pw.Transform.rotate( child: pw.Transform.rotate(
angle: angle: angle,
placement.rotationDeg *
3.1415926535 /
180.0,
child: pw.Image(imgObj), child: pw.Image(imgObj),
), ),
), ),
), ),
), ),
),
); );
} }
} }
@ -227,7 +281,7 @@ class ExportService {
color: pdf.PdfColors.white, color: pdf.PdfColors.white,
), ),
]; ];
// Multi-placement stamping on fallback page
if (hasMulti && pagePlacements.isNotEmpty) { if (hasMulti && pagePlacements.isNotEmpty) {
for (var i = 0; i < pagePlacements.length; i++) { for (var i = 0; i < pagePlacements.length; i++) {
final placement = pagePlacements[i]; final placement = pagePlacements[i];
@ -238,65 +292,19 @@ class ExportService {
final w = r.width * widthPts; final w = r.width * widthPts;
final h = r.height * heightPts; final h = r.height * heightPts;
// Process the signature asset with its graphic adjustments Uint8List bytes = _getProcessedBytes(placement);
Uint8List bytes = placement.asset.bytes;
if (bytes.isNotEmpty) {
try {
// Decode the image
final decoded = img.decodeImage(bytes);
if (decoded != null) {
img.Image processed = decoded;
// Apply contrast and brightness first
if (placement.graphicAdjust.contrast != 1.0 ||
placement.graphicAdjust.brightness != 0.0) {
processed = img.adjustColor(
processed,
contrast: placement.graphicAdjust.contrast,
brightness: placement.graphicAdjust.brightness,
);
}
// Apply background removal after color adjustments
if (placement.graphicAdjust.bgRemoval) {
processed = _removeBackground(processed);
}
// Encode back to PNG to preserve transparency
bytes = Uint8List.fromList(img.encodePng(processed));
}
} catch (e) {
// If processing fails, use original bytes
}
}
// Use fallback if no bytes available
if (bytes.isEmpty && signatureImageBytes != null) { if (bytes.isEmpty && signatureImageBytes != null) {
bytes = signatureImageBytes; bytes = signatureImageBytes;
} }
if (bytes.isNotEmpty) { if (bytes.isNotEmpty) {
pw.MemoryImage? imgObj; final imgObj = _getMemoryImage(bytes);
try {
// Ensure PNG for transparency if not already
final asStr = String.fromCharCodes(bytes.take(8));
final isPng =
bytes.length > 8 &&
bytes[0] == 0x89 &&
asStr.startsWith('\u0089PNG');
if (isPng) {
imgObj = pw.MemoryImage(bytes);
} else {
final decoded = img.decodeImage(bytes);
if (decoded != null) {
final png = img.encodePng(decoded, level: 6);
imgObj = pw.MemoryImage(Uint8List.fromList(png));
}
}
} catch (_) {
imgObj = null;
}
if (imgObj != null) { if (imgObj != null) {
final angle = rot.radians(placement.rotationDeg);
final baseBytes = _getBaseBytes(placement);
final ar = _getAspectRatioFromBytes(baseBytes);
final scaleToFit = rot.scaleToFitForAngle(angle, ar: ar);
children.add( children.add(
pw.Positioned( pw.Positioned(
left: left, left: left,
@ -306,14 +314,16 @@ class ExportService {
height: h, height: h,
child: pw.FittedBox( child: pw.FittedBox(
fit: pw.BoxFit.contain, fit: pw.BoxFit.contain,
child: pw.Transform.scale(
scale: scaleToFit,
child: pw.Transform.rotate( child: pw.Transform.rotate(
angle: angle: angle,
placement.rotationDeg * 3.1415926535 / 180.0,
child: pw.Image(imgObj), child: pw.Image(imgObj),
), ),
), ),
), ),
), ),
),
); );
} }
} }

View File

@ -41,7 +41,7 @@ class _ImageEditorDialogState extends State<ImageEditorDialog> {
late bool _bgRemoval; late bool _bgRemoval;
late double _contrast; late double _contrast;
late double _brightness; late double _brightness;
late double _rotation; late final ValueNotifier<double> _rotation;
// Cached image data // Cached image data
late Uint8List _originalBytes; // Original asset bytes (never mutated) late Uint8List _originalBytes; // Original asset bytes (never mutated)
@ -59,7 +59,7 @@ class _ImageEditorDialogState extends State<ImageEditorDialog> {
_bgRemoval = widget.initialGraphicAdjust.bgRemoval; _bgRemoval = widget.initialGraphicAdjust.bgRemoval;
_contrast = widget.initialGraphicAdjust.contrast; _contrast = widget.initialGraphicAdjust.contrast;
_brightness = widget.initialGraphicAdjust.brightness; _brightness = widget.initialGraphicAdjust.brightness;
_rotation = widget.initialRotation; _rotation = ValueNotifier<double>(widget.initialRotation);
_originalBytes = widget.asset.bytes; _originalBytes = widget.asset.bytes;
// Decode lazily only if/when background removal is needed // Decode lazily only if/when background removal is needed
if (_bgRemoval) { if (_bgRemoval) {
@ -172,6 +172,7 @@ class _ImageEditorDialogState extends State<ImageEditorDialog> {
@override @override
void dispose() { void dispose() {
_rotation.dispose();
_bgRemovalDebounce?.cancel(); _bgRemovalDebounce?.cancel();
super.dispose(); super.dispose();
} }
@ -206,18 +207,19 @@ class _ImageEditorDialogState extends State<ImageEditorDialog> {
), ),
child: ClipRRect( child: ClipRRect(
borderRadius: BorderRadius.circular(8), borderRadius: BorderRadius.circular(8),
child: child: ValueListenableBuilder<double>(
_bgRemoval valueListenable: _rotation,
? RotatedSignatureImage( builder: (context, rot, child) {
final image = RotatedSignatureImage(
bytes: _displayBytes, bytes: _displayBytes,
rotationDeg: _rotation, rotationDeg: rot,
) );
: ColorFiltered( if (_bgRemoval) return image;
return ColorFiltered(
colorFilter: _currentColorFilter(), colorFilter: _currentColorFilter(),
child: RotatedSignatureImage( child: image,
bytes: _displayBytes, );
rotationDeg: _rotation, },
),
), ),
), ),
), ),
@ -248,16 +250,26 @@ class _ImageEditorDialogState extends State<ImageEditorDialog> {
children: [ children: [
Text(l10n.rotate), Text(l10n.rotate),
Expanded( Expanded(
child: Slider( child: ValueListenableBuilder<double>(
valueListenable: _rotation,
builder: (context, rot, _) {
return Slider(
key: const Key('sld_rotation'), key: const Key('sld_rotation'),
min: -180, min: -180,
max: 180, max: 180,
divisions: 72, divisions: 72,
value: _rotation, value: rot,
onChanged: (v) => setState(() => _rotation = v), onChanged: (v) => _rotation.value = v,
);
},
), ),
), ),
Text('${_rotation.toStringAsFixed(0)}°'), ValueListenableBuilder<double>(
valueListenable: _rotation,
builder:
(context, rot, _) =>
Text('${rot.toStringAsFixed(0)}°'),
),
], ],
), ),
const SizedBox(height: 12), const SizedBox(height: 12),
@ -269,7 +281,7 @@ class _ImageEditorDialogState extends State<ImageEditorDialog> {
onPressed: onPressed:
() => Navigator.of(context).pop( () => Navigator.of(context).pop(
ImageEditorResult( ImageEditorResult(
rotation: _rotation, rotation: _rotation.value,
graphicAdjust: domain.GraphicAdjust( graphicAdjust: domain.GraphicAdjust(
contrast: _contrast, contrast: _contrast,
brightness: _brightness, brightness: _brightness,

View File

@ -1,7 +1,7 @@
import 'dart:math' as math;
import 'dart:typed_data'; import 'dart:typed_data';
import 'package:flutter/material.dart'; import 'package:flutter/material.dart';
import 'package:image/image.dart' as img; import 'package:image/image.dart' as img;
import '../../../../utils/rotation_utils.dart' as rot;
/// A lightweight widget to render signature bytes with rotation and an /// A lightweight widget to render signature bytes with rotation and an
/// angle-aware scale-to-fit so the rotated image stays within its bounds. /// angle-aware scale-to-fit so the rotated image stays within its bounds.
@ -9,7 +9,7 @@ class RotatedSignatureImage extends StatefulWidget {
const RotatedSignatureImage({ const RotatedSignatureImage({
super.key, super.key,
required this.bytes, required this.bytes,
this.rotationDeg = 0.0, this.rotationDeg = 0.0, // counterclockwise as positive
this.filterQuality = FilterQuality.low, this.filterQuality = FilterQuality.low,
this.semanticLabel, this.semanticLabel,
}); });
@ -45,8 +45,9 @@ class _RotatedSignatureImageState extends State<RotatedSignatureImage> {
@override @override
void didUpdateWidget(covariant RotatedSignatureImage oldWidget) { void didUpdateWidget(covariant RotatedSignatureImage oldWidget) {
super.didUpdateWidget(oldWidget); super.didUpdateWidget(oldWidget);
if (!identical(oldWidget.bytes, widget.bytes) || // Only re-resolve when the bytes change. Rotation does not affect
oldWidget.rotationDeg != widget.rotationDeg) { // intrinsic aspect ratio, so avoid expensive decode/resolve on slider drags.
if (!identical(oldWidget.bytes, widget.bytes)) {
_derivedAspectRatio = null; _derivedAspectRatio = null;
_resolveImage(); _resolveImage();
} }
@ -60,24 +61,21 @@ class _RotatedSignatureImageState extends State<RotatedSignatureImage> {
void _resolveImage() { void _resolveImage() {
_unlisten(); _unlisten();
// Decode synchronously to get aspect ratio // Resolve via ImageProvider; when first frame arrives, capture intrinsic size.
// Guard against empty / invalid bytes that some simplified tests may inject. // Avoid synchronous decode on UI thread to keep rotation smooth.
if (widget.bytes.isEmpty) { if (widget.bytes.isEmpty) {
_setAspectRatio(1.0); // assume square to avoid layout exceptions _setAspectRatio(1.0); // safe fallback
return; return;
} }
// One-time synchronous header decode to establish aspect ratio quickly.
// This only runs when bytes change (not on rotation), so it's acceptable.
try { try {
final decoded = img.decodePng(widget.bytes); final decoded = img.decodeImage(widget.bytes);
if (decoded != null) { if (decoded != null && decoded.width > 0 && decoded.height > 0) {
final w = decoded.width; _setAspectRatio(decoded.width / decoded.height);
final h = decoded.height;
if (w > 0 && h > 0) {
_setAspectRatio(w / h);
}
} }
} catch (_) { } catch (_) {
// Swallow decode errors for test-provided dummy data; assume square. // ignore decode errors and rely on image stream listener
_setAspectRatio(1.0);
} }
final stream = _provider.resolve(createLocalImageConfiguration(context)); final stream = _provider.resolve(createLocalImageConfiguration(context));
_stream = stream; _stream = stream;
@ -107,7 +105,7 @@ class _RotatedSignatureImageState extends State<RotatedSignatureImage> {
@override @override
Widget build(BuildContext context) { Widget build(BuildContext context) {
final angle = widget.rotationDeg * math.pi / 180.0; final angle = rot.ccwRadians(widget.rotationDeg);
Widget img = Image.memory( Widget img = Image.memory(
widget.bytes, widget.bytes,
fit: widget.fit, fit: widget.fit,
@ -115,6 +113,7 @@ class _RotatedSignatureImageState extends State<RotatedSignatureImage> {
filterQuality: widget.filterQuality, filterQuality: widget.filterQuality,
alignment: widget.alignment, alignment: widget.alignment,
semanticLabel: widget.semanticLabel, semanticLabel: widget.semanticLabel,
isAntiAlias: false,
errorBuilder: (context, error, stackTrace) { errorBuilder: (context, error, stackTrace) {
// Return a placeholder for invalid images // Return a placeholder for invalid images
return Container( return Container(
@ -125,16 +124,7 @@ class _RotatedSignatureImageState extends State<RotatedSignatureImage> {
); );
if (angle != 0.0) { if (angle != 0.0) {
final double c = math.cos(angle).abs(); final scaleToFit = rot.scaleToFitForAngle(angle, ar: _derivedAspectRatio);
final double s = math.sin(angle).abs();
final ar = _derivedAspectRatio;
double scaleToFit;
if (ar != null && ar > 0) {
scaleToFit = math.min(ar / (ar * c + s), 1.0 / (ar * s + c));
} else {
// Fallback: square approximation
scaleToFit = 1.0 / (c + s).clamp(1.0, double.infinity);
}
img = Transform.scale( img = Transform.scale(
scale: scaleToFit, scale: scaleToFit,
child: Transform.rotate(angle: angle, child: img), child: Transform.rotate(angle: angle, child: img),

View File

@ -0,0 +1,21 @@
import 'dart:math' as math;
/// Convert degrees to radians with counterclockwise as positive in screen space
/// by inverting the sign (because screen Y axis points downwards).
double ccwRadians(double degrees) => -degrees * math.pi / 180.0;
/// Classic math convention: positive degrees rotate counterclockwise.
/// No screen-space Y-inversion applied.
double radians(double degrees) => degrees * math.pi / 180.0;
/// Compute scale factor to keep a rotated rectangle of aspect ratio [ar]
/// within a unit 1x1 box. If [ar] is null or <= 0, fall back to a square.
/// Returns the scale to apply before rotation.
double scaleToFitForAngle(double angleRad, {double? ar}) {
final double c = angleRad == 0.0 ? 1.0 : math.cos(angleRad).abs();
final double s = angleRad == 0.0 ? 0.0 : math.sin(angleRad).abs();
if (ar != null && ar > 0) {
return math.min(ar / (ar * c + s), 1.0 / (ar * s + c));
}
return 1.0 / (c + s).clamp(1.0, double.infinity);
}