Canvas Getting Started 6 requestAnimationFrame for Animation

The learning resources for this article come from "Graphics, Animation and Game Development of HTML5 Canvas Core Technologies" Try not to use setInterval and setTimeout to animate, but rather use the requestAnimationFrame() method to let the browser decide the frame rate on its own. Because browsers differ in the implementation of ...

Added by dawho9 on Tue, 07 Jul 2020 17:40:43 +0300

canvas tags for HTML5

canvas tags for HTML5 preface text What is canvas Basic use of canvas canvas element Rendering context Test support canvas drawing concept Coordinate space Draw rectangle Draw path Draw arc arc example 1 arc example 2 arc example 3 Add canvas style fillStyle strokeStyle Draw text Add text sty ...

Added by cresler on Wed, 24 Jun 2020 09:22:11 +0300

Don't worry about picture processing, give you ten helpers

In this paper, Apollo will introduce ten "little helpers" for your little buddies, each with unique skills such as blurring, compressing, cropping, rotating, synthesizing, and comparing.I'm sure you'll be able to cope with most picture processing scenarios easily once you know them. But before ...

Added by tr0gd0rr on Tue, 23 Jun 2020 04:29:55 +0300

Native js implements addClass,removeClass,hasClass methods

1.hasClass() //Determine whether a class exists function hasClass(element, value) { var cls = value || ''; //\s Matches any white space characters, including spaces, tabs, page breaks, and so on if (cls.replace(/\s/g, '').length == 0) { return false; //Returns false when no parameter is returned ...

Added by geroid on Thu, 21 May 2020 19:13:09 +0300

Vue.nextTick

What is nextTick Vue's official document says, "perform a delayed callback after the next DOM update cycle. Use this method immediately after modifying the data to get the updated dom. " , why does such an API appear? The main reason is that Vue uses asynchronous execution to update dom. As long as it listens for data changes, Vue wi ...

Added by dylan001 on Sat, 09 May 2020 07:55:40 +0300

Complete permission control with SpreadJS in offline filing scenarios

SpreadJS As a pure front-end spreadsheet control based on HTML5, it is compatible with more than 450 Excel formulas. It can bring users a friendly experience of using Excel, and can meet business scenarios such as Web Excel component development, data filling, Excel class report design, table and document collaborative editing in enterprise IT ...

Added by wha??? on Sun, 05 Apr 2020 06:26:27 +0300

html5 history solves the problem that ajax cannot join history

Recently, I took the time to study the html5 history and wrote a small test. Because it is only displayed in the front end, I changed the ajax processing into a simple JS event, and directly copied the code, which can be viewed in the static page. 1, Basic operation //Browser Back window.history.back(); window.history.go(-1); //Browser ...

Added by satant on Mon, 30 Mar 2020 20:11:48 +0300

WeChat Applet Learn Notes Music Player (Head Tab Tag)

WeChat Applet Learning Notes (3) Music Player (Head Tab Tag) Components are the basic components of the View Layer (UI), with some basic functions and WeChat style.In fact, components are the encapsulation of HTML5 elements by the development framework. 1. Components 1. Use of components <Label Name Attribute="Attribute Value&quot ...

Added by stvs on Fri, 27 Mar 2020 08:11:46 +0200

How to use dashes in HTML-5 data - * attribute in ASP.NET MVC

I tried to use in my ASP.NET MVC 1 project HTML5 data properties . (I'm new to C and ASP.NET MVC.) <%= Html.ActionLink("« Previous", "Search", new { keyword = Model.Keyword, page = Model.currPage - 1}, new { @class = "prev", data-details = "Some Details" })%> The "data details" in the htmlAttributes above gi ...

Added by Modernvox on Wed, 18 Mar 2020 12:15:17 +0200

HTML5+css+js make a 3D rotating album and love timing

HTML+css+js make a 3D rotating album and love time I'm just a novice Xiaobai. I studied at home for several days and referred to many works of the great God. Then I studied the research, combined with self understanding, modified and made a 3D rotating album with love timing, and later I also added back ...

Added by spivey on Sun, 16 Feb 2020 12:27:38 +0200