JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://github.com/niklasvh/html2canvas/releases/download/0.4.1/html2canvas.js"></script>
<div style="text-align: center;">

<div id="wrapper">
    <span>عبدالإله خالد</span>
</div>

</div>

CSS

#wrapper
{
    text-align: right;
}

JavaScript

$(document).ready(function() {
    html2canvas($("#wrapper"), {
        onrendered: function (canvas) {
            theCanvas = canvas;
            
            document.body.appendChild(canvas);

            canvas.toBlob(function (blob) {
                saveAs(blob, "Dashboard.png");
            });
        }
    });		
});