How to create drawing markup tools using ASP.NET mvc4

See more:

ASP.NET

MVC4

i am very new to asp.net mvc. i am developing mvc application in that i am opening
pdf document in web page using iframe. on that pdf document i want to draw tick marks and into marks and i wanto write some text can any one suggest me how to do please

What I have tried:

i have tried this java script


function renderPDF(url, canvasContainer, options) {
var options = options || { scale: 1 };

function renderPage(page) {
var viewport = page.getViewport(options.scale);
var canvas = document.createElement('canvas');
var ctx = canvas.getContext('2d');
var renderContext = {
canvasContext: ctx,
viewport: viewport
};

canvas.height = viewport.height;
canvas.width = viewport.width;
canvasContainer.appendChild(canvas);

page.render(renderContext);
}

function renderPages(pdfDoc) {
for (var num = 1; num <= pdfDoc.numPages; num++)
pdfDoc.getPage(num).then(renderPage);
}
PDFJS.disableWorker = true;
PDFJS.getDocument(url).then(renderPages);
}