JSFiddle - React, Tailwind, and code Playground

by farhatdz

HTML

<p><label id="label"></label><input id="print" class="btn2 btn3" type="submit" value="اطبع الكتابة"></p>

<canvas  id="dz_residence_canvas" width="2135" height="2843"></canvas>

JavaScript

function dz_res_click(){
var canvas = document.getElementById("dz_residence_canvas");
var context = canvas.getContext("2d");
var residence = new Image();
residence.src = "https://car-images.bauersecure.com/pagefiles/4235/ferrari_ff.jpg"
var r_wlaya = document.getElementById("r_wlaya").value;
residence.onload = function(){
    context.drawImage(residence, 0, 0, 2135, 2843);
    context.font = "bold 70px sans-serif";
    context.textAlign = "right";
    context.fillText(r_wlaya, 1596, 252);
}