issue with arabic fonts

[ahmed]

Hello,

I have problem when creat pdf with arabic letters

this is my configuration:

fonts:
  - family: Arial
    fonts:
      - asset: assets/fonts/Arial.ttf

PdfDocument document = PdfDocument();
document.pageSettings.size = PdfPageSize.a4;
PdfPage page = document.pages.add();
PdfGraphics graphics = page.graphics;
PdfFont font = PdfTrueTypeFont(File('assets/fonts/Arial.ttf').readAsBytesSync(), 12);
graphics.drawString(
    "السلام عليكم", font,
    brush: PdfBrushes.black,
    bounds: Rect.fromLTWH(0, 0, page.getClientSize().width, page.getClientSize().height),
    format: PdfStringFormat(textDirection: PdfTextDirection.rightToLeft, alignment: PdfTextAlignment.right, paragraphIndent: 35)
);

[Chinnu Muniyappan]

Hi Ahmed, 

 

Thank you for contacting Syncfusion support. 

 

We have created a sample to load the font file from the asset and drawn the Arabic text using the font data. Kindly try the following code example and sample in your side and let us know whether the issue is resolved at your end. 

 

1. Import the following package in your dart file.

 

import 'package:flutter/services.dart'; 

 

2. Add a method to read font data.

 

  Future<List<int>> _readFontData() async { 

    final ByteData bytes = await rootBundle.load('assets/fonts/arial.ttf'); 

    return bytes.buffer.asUint8List(bytes.offsetInBytes, bytes.lengthInBytes); 

  } 

 

3. Draw text in PDF.

 

    PdfDocument document = PdfDocument(); 

    document.pageSettings.size = PdfPageSize.a4; 

    PdfPage page = document.pages.add(); 

    PdfGraphics graphics = page.graphics; 

    PdfFont font = PdfTrueTypeFont(await _readFontData(), 12); 

    graphics.drawString("السلام عليكم", font, 

        brush: PdfBrushes.black, 

        bounds: Rect.fromLTWH( 

            0, 0, page.getClientSize().width, page.getClientSize().height), 

        format: PdfStringFormat( 

            textDirection: PdfTextDirection.rightToLeft, 

            alignment: PdfTextAlignment.right, 

            paragraphIndent: 35)); 

 

 

 

Sample link: https://www.syncfusion.com/downloads/support/forum/156214/ze/pdf_sample690193405  

 

Regards, 

Chinnu M 

[ahmed]

It is working

thanks

is this free library

[Chinnu Muniyappan]

Hi Ahmed, 

 

Yes, the services is available in the flutter framework (SDK), so it is the free library. And syncfusion_flutter_pdf is a commercial package. To use this package, you need to have either a Syncfusion Commercial License or Syncfusion Community license. For more details, please check the LICENSE file. 

 

Regards, 

Chinnu M 

[Yacoub Almani]

I need to create a PDF file with Arabic Language.

I was trying to use your code as above but always I receive the following error

Unsupported operation: _Namespace.

I'm using Flutter language for website.

Even to get the google font code also I receive error as I think this code for mobile application.

This command getApplicationSupportDirectory() for mobile application and not web

Future<PdfFont> getGoogleFont(TextStyle style) async {
    //Get the external storage directory
//    Directory directory = await getTemporaryDirectory();
    Directory directory = await getApplicationSupportDirectory();
    //Create an empty file to write the font data
    File file = File('${directory.path}/${style.fontFamily}.ttf');
    List<int>? fontBytes;
    //Check if entity with the path exists
    if (file.existsSync()) {
      fontBytes = await file.readAsBytes();
    }
    if (fontBytes != null && fontBytes.isNotEmpty) {
      //Return the google font
      return PdfTrueTypeFont(fontBytes, 12);
    } else {
      //Return the default font
      return PdfStandardFont(PdfFontFamily.helvetica, 12);
    }
  }

Thanking you and looking to receive your earliest reply.

Best Regards,

Yacoub Almani

[Santhiya Narayanan]

Currently, we do not have support to draw complex script language texts such as Marathi, Tamil, Hindi, and more. We have logged the feature for “Complex script text drawing support in Flutter PDF” and added it to our feature request list. We will implement this feature in any of our upcoming releases.


You can track the feature status using the feedback from https://www.syncfusion.com/feedback/20541/complex-script-text-drawing-support-in-flutter-pdf