Skip to main content

Posts

Showing posts from June, 2021

How to take screenshot of a div in HTML through jQuery ?

If you just want to have screenshot of a div, you can do it like this Use html2canvas library click here Here is a code to take a screenshot of div <!DOCTYPE html> <html> <head> <title>Take Screen Shot</title> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/0.4.1/html2canvas.js"></script> </head> <body> <div id="screenshot"> <h1>Take a screenshot of that div</h1> Hello World...... </div> <button onclick="screenshot()">Make Screen Shot</button> <div id="mycanvas"></div> <script type="text/javascript"> function screenshot() {   var element = document.getElementById('screenshot');   window.scrollTo(0,0);   html2canvas(element, {     width: 1200,     height: 2000,    onrendered:function(c...

The Latest Technologies in Web Development

In modern world a   multiple development technologies since our inception; staying at par with the latest trends and demands of the web development industry.  New web technologies emerge every day.   These new technologies offer a lot of opportunities to entrepreneurs who want to engage more users and stay competitive in the market. 1. Progressive web applications A PWA is an application that works as a website with an almost full native mobile app experience. It runs independently of the browser and interacts with the customer as a native application.  Reduced development and support costs; ·          Quicker launch to the market. ·          Easier distribution. ·          Smooth installation. ·          Saving device power and storage. ·          Seamless maintenance a...