Tajweed Auto generate to SVG with PHP

[iBasit]

Our existing data tajweed can be used to automatically create all the svg files using php and also tag them with id, so which can be used as sprite rendering.

Our text format of tajweed sample: http://api.globalquran.com/ayah/getAyah/quran-tajweed

We will use above text with QuranComplex fonts provided by @Ashraf-Ali-aa

php script can be used something like this: http://stackoverflow.com/a/9558337/75799

Pro's:

• Complete Quran will be translated into svg format.
• Tajweed can be hidden (color: black).. so we dont have to load any other assets on the site
• Text version is always is backup to use with any future work for different format.
• We can use same code and color code more ayahs, saving updates on text and re-output the svg file using php script.
• all the svg files (page by page), (surah by surah), (juz by juz) or however we wanted, will be generated in background, so hours of processing from individuals will be eliminated, we can also use multiple servers to run the svg files quickly.
• new changes can easily be detected by github revisions.

[Ashraf-Ali-aa]

@iBasit this js might be useful as a reference for rendering the Arabic font correctly, also it could be tweaked to change the glyphs to match the Quran complex illustrator files. All the glyph variations are already in the UthmanTN1B font file but it just needs the correct glyph reference when rendering the text.

https://github.com/louy/Javascript-Arabic-Reshaper

php tool

http://www.ar-php.org/features-php-arabic.html

Font

UthmanTN1B-Ver10.zip

http://txtjs.com/

[Ashraf-Ali-aa]

@iBasit just wondering how hard would it be to code the tajweed rules using PHP or JS, I could be wrong but from what I can tell we only need to look for glyphs code combination in order to determine if the word was a tajweed rule. If this is possible then we don't need to add all the rules in manually.
http://www.searchtruth.com/quran_teacher/quran.php?lesson=23