A rendering engine for interactive Mushaf pages that uses each platform’s native graphics APIs.

Use it when building Quran applications for mobile or desktop and you need fast, lightweight page rendering with interactive access to page elements.

محرّك لعرض صفحات المصحف التفاعلية بكفاءة باستخدام الرسم الأصلي لكل منصة.

استخدمه عند بناء تطبيقات القرآن على الجوال أو سطح المكتب عندما تحتاج عرضًا سريعًا وخفيفًا لصفحات المصحف مع إمكانية التفاعل مع عناصرها.

npm install @quran.ws/engine

For a small Canvas-only reader that needs page drawing and word bands, import the dependency-free QVP decoder. It loads the original page files directly and does not load Wasm:

import { loadPage } from '@quran.ws/engine/lite'

const page = await loadPage('/pages/042.qvp')
const canvas = document.querySelector('canvas')
page.draw(canvas.getContext('2d'), page.fit(canvas, 24))

Canvas resolution

Canvas2D rasterises…