Tag:html5
-
Time:2021-3-4
preface As we all know, in the development of mobile front-end, add some WebKit specific HTML5 header tags to help browsers better parse HTML code and better display mobile web front-end pages. This paper sorts out some common information of < meta > tags in HTML5 header. Error, please leave a message to correct, or […]
-
Time:2021-3-3
HTML5 always feels mysterious before learning. Recently, through learning and researching HTML5, I have some achievements, which I would like to summarize and share with you.As we all know, there are two kinds of application development: one is native app, the other is web app, which is the application accessed through browser.HTML5 has its unique […]
-
Time:2021-3-2
The solution is as follows: The first kind However, there are fewer and fewer people using iframe at present, and there are incompatibilities between different browsers. And some of my research and development personnel said that it seems very troublesome to transfer values between iframe windows. The second kind Use the onload method of jQuery […]
-
Time:2021-3-1
Browser support Internet Explorer 9, Firefox, opera 12, chrome and safari 5 support drag and drop. notes:Drag and drop is not supported in Safari 5.1.2. HTML5 drag and drop instance <!DOCTYPE html> <html> <head> <style type=”text/css”> #div1 {width:488px;height:70px;padding:10px;border:1px solid #aaaaaa;} </style> <script type=”text/javascript”> function allowDrop(ev) { ev.preventDefault(); } function drag(ev) { ev.dataTransfer.setData(“Text”,ev.target.id); } function drop(ev) […]
-
Time:2021-2-27
No more nonsense. The specific code is as follows: <!DOCTYPE html> <html> <head> <meta charset=”utf-8″> < title > Table < / Title > <style type=”text/css”> *{ margin: 0; padding: 0; } body{ font: italic 20px Georgia, serif; letter-spacing: normal; background-color: #f0f0f0; } #content{ width: 750px; padding: 40px; margin: 0 auto; background-color: #fff; border-left: 30px solid […]
-
Time:2021-2-25
This paper analyzes the layout of HTML5 div and table for your reference Div layout:HTML + CSS to achieve simple layout. #Height in container cannot be written as a percentage. It must be a specific height. <!DOCTYPE html> <html> <head lang=”en”> <meta charset=”UTF-8″> < title > div layout <style type=”text/css”> body{ margin:0; padding:0; } #container{ […]
-
Time:2021-2-24
Drag and drop Drag and drop is a common feature, that is, to grab an object and drag it to another location. In HTML5, drag and drop is part of the standard, and any element can be dragged and dropped. Internet Explorer 9 +, Firefox, opera, chrome, and safari support drag. be careful:Safari 5.1.2 does […]
-
Time:2021-2-22
Recently, we need to implement a copy function for HTML5’s webapp on the page: users click and long press the text to select all the text and pop up the system “copy” menu. Users can click “copy” to copy, and then paste it to the app store to search the corresponding application. The reason why […]
-
Time:2021-2-17
This paper introduces the progress chart effect of HTML5 canvas playing cool big waves, as follows: As you can see in the figure above, this article is to achieve the above effect. Recently, alloytouch is going to write a cool loading effect of drop-down refresh. So the big wave schedule is preferred. First, encapsulate the […]
-
Time:2021-2-15
Canvas can draw a lot of wonderful styles and beautiful effects. Through a few simple APIs, you can present a variety of effects on the canvas. You can also make web games. Next, let’s summarize the APIs related to drawing. When painting, canvas is equivalent to canvas, while context is equivalent to brush. 1. Draw […]
-
Time:2021-2-14
I’ve been studying canvas all this time. I have a fancy to make a function that can capture video, and then pull the pictures to make an expression pack. Ha ha ha ha~~ Production method: 1. Load the video in the page When using canvas to make this screenshot function, we must first ensure that […]
-
Time:2021-2-11
Recently, I studied how to play Rubik’s cube. I suddenly wanted to use hmtl5 to write a model of Rubik’s cube. Since Rubik’s cube is a 3D cube, I tried to write a simple 3D model with HTML5 this time. Here is a preview. Production process First, you need to download the HTML5 open source […]