I have a js file in my example project. And I define a js module function and a variable in the js file source code that uses the ES6 syntax. But when I want to use the module function and variable in an Html file, it throws some errors. This article will tell you how […]
When I include an external javascript file into my Html file, I meet the error messages Uncaught SyntaxError: Unexpected token ‘export’ & Uncaught SyntaxError: Cannot use import statement outside a module. This article will tell you how to fix these 2 errors.
I create a grunt project and when I run the command grunt in a terminal to build the project, I encounter the error message Loading “Gruntfile.js” tasks…ERROR >> SyntaxError: Invalid or unexpected token. This article will tell you how to fix it.
This example will show you how to use Html5 canvas to capture the video screenshot and an entire web page screenshot.
How To Use Canvas To Capture Video Screenshot And Web Page Screenshot Read More »
When I use the amazon AWS ec2 virtual machine, I always find the virtual machine runs too slow. I open the task manager and found that the CPU usage always reaches 100%, this is the root cause of the slow VM. But at last, I find the real reason is because of the AWS EC2
How To Choose High Performance AWS EC2 Instance Type For You To Run Faster Read More »
Recently when I use Html5 canvas to capture video screenshots and save the screenshots to an image, it through the error Uncaught DOMException: Failed to execute ‘toDataURL’ on ‘HTMLCanvasElement’: Tainted canvases may not be exported. This article will tell you how to fix it.
When your JavaScript application needs a lot of images, you may find it will cost so much time to download all those images. Downloading each image will create an HTTP request to your web server, and this will reduce your server performance very much for large HTTP requests. This example will tell you how to
How To Implement Sprite Sheet Animation Using Javascript & Pure CSS Read More »
Through CSS3, we can create animation, which can replace animated pictures, flash animation, and JavaScript on many web pages. What you need to do is to define the animation rule using the @keyframes keyword with a given name, and then assign the animation to an Html element’s animationName CSS style attribute. This article will tell
How To Use Keyframe Animation In CSS Read More »
If you want to disable/enable a button after clicking the button in JavaScript, you can use the button element’s disabled attribute. When you set the button’s disabled attribute’s value to true, then the button will be disabled. When you set the button’s disabled attribute’s value to false, then the button will be enabled. This article will
How To Disable Enable Button After One Click In Javascript Read More »
This example will show you how to set an Html element’s top & left offset position using javascript, through this method you can move a canvas object on an Html web page by specifying it’s top & left offset position.
How To Set Html Element ( For Example Canvas ) Position Using Javascript Read More »