Found a total of 10000 related content
Easing Animations in Canvas
Article Introduction：The element in HTML and Canvas API in JavaScript combine to form one of the main raster graphics and animation possibilities on the web. A
2025-04-05
comment 0
646
How to use the canvas element in HTML?
Article Introduction：How to draw graphics and implement animations in HTML5 Canvas? 1. Insert tags in HTML and set id and size; 2. Get the canvas element through JavaScript and create a 2D drawing context; 3. Use fillRect, strokeRect, arc and other methods to draw shapes; 4. Use fillText to add text and drawImage to draw pictures; 5. Use clearRect to clear the canvas and combine requestAnimationFrame to achieve animation effects. Master these basic operations and start drawing and animation development using Canvas.
2025-07-10
comment 0
249
Creating graphics with the Canvas API: a creative JS roundup
Article Introduction：To use the Canvas API for graphics creation, you first need to create the canvas element in HTML and get the context in JavaScript. 1. Draw the basic shapes through fillRect, strokeRect and other methods; 2. Draw complex figures such as triangles using the beginPath to closePath path; 3. Set the lineWidth, strokeStyle and other attributes to beautify the lines; 4. Use fillText to add text and drawImage to load the picture and pay attention to the onload event; 5. To implement animation, use the requestAnimationFrame loop to clear the redraw canvas and update the element status. Master these cores
2025-06-28
comment 0
604
What's New in HTML 5.1
Article Introduction：HTML5.1: A new era of web development
Explore the creative animation production of HTML5 and watch our screen recording tutorial “Create animations with HTML5 Canvas”.
Core points
HTML 5.1, as the latest version of HTML, introduces many new features and improvements, including creating context menus using menu and menuitems elements, creating collapsible content using details and summary elements, and three new form input types: month, week, and datetime -local.
This version also includes the ability to implement responsive images without CSS, such as: the srcset image attribute is used to list multiple alternative image sources;
2025-02-19
comment 0
406
Frontend Design Principles for User Experience
Article Introduction：The core purpose of a good front-end design is to improve the user experience, make users comfortable to use, find things, and see clearly. 1. A simple and intuitive information architecture requires fewer navigation bars, shallow page levels, and more control of the main menu within 5 items. Combining common icons and text, the mobile terminal prioritizes the bottom operation area. For example, e-commerce websites should highlight search boxes, classification portals and common functions. 2. Visual consistency improves usability. The button style, font size and color need to be unified. Interaction methods such as click feedback and loading animation should also be consistent. Error prompts need to be unified in form and clear and easy to understand. 3. Responsive and clear feedback. The front-end needs to optimize performance, such as lazy image loading and components loading as needed. After the operation, there must be instant feedback, such as submitting the form and adding loading status, saving successfully toa
2025-07-19
comment 0
242
Dave The Diver: How To Catch Spider Crabs
Article Introduction：In Dave The Diver, there are some creatures that are not easy to catch. Or, catch alive that is. The spider crab is one of those very species, making it seem like the only way to bring these crustaceans back up to land is to viciously crack them up w
2025-01-10
comment 0
818
Prepare for Interview Like a Pro with Interview Questions CLI
Article Introduction：Prepare for Interview Like a Pro with Interview Questions CLI
What is the Interview Questions CLI?
The Interview Questions CLI is a command-line tool designed for JavaScript learners and developers who want to enhance their interview
2025-01-10
comment 0
1444
Soft Deletes in Databases: To Use or Not to Use?
Article Introduction：Soft Deletes: A Question of DesignThe topic of soft deletes, a mechanism that "flags" records as deleted instead of physically removing them, has...
2025-01-10
comment 0
1055
Terraria: How To Make A Loom
Article Introduction：There are a lot of crafting stations that you can make in Terraria. This ranges from simple anvils to unique stations meant for one specific type of resource. Early into the game, you'll be able to make your own Loom, which is primarily used to make
2025-01-10
comment 0
1329
