Home>Web design tutorial> HTML tutorial
All Dreamweaver tutorial Javascript tutorial HTML tutorial CSS tutorial Experience and skills DHTML tutorial Web effects WEB standardization
HTML tutorial
  • Implementation code for partial refresh of HTML page

    Implementation code for partial refresh of HTML page

    Event response refresh: Refresh only when there is a request 1. Obtain HTML elements through JS HTML DOM or jQuery, monitor page events through DOM methods or jQuery methods, and obtain user requests; 2. Submit user requests to the server through Ajax, an
    2025-01-18
  • HTML5 multi-threading (Web Worker)

    HTML5 multi-threading (Web Worker)

    When it comes to HTML5, people always talk about it. There are so many features and interesting APIs that are refreshing. However, many children's shoes still stay at the semantic stage and ignore the power of HTML5. In this section we will discuss mu
    2025-01-18
  • h5 uses canvas to achieve gesture unlocking

    h5 uses canvas to achieve gesture unlocking

    Preface: I recently worked on an app project using apicloud to achieve cross-platform development. Now I need to add gesture (nine-square grid) unlocking function to this app. apicloud already has some third-party natively implemented gesture unlocking pl
    2025-01-18
  • Detailed explanation of the scaling function of canvas through transformation matrix

    Detailed explanation of the scaling function of canvas through transformation matrix

    This article mainly introduces a way to achieve canvas scaling by setting the canvas's transformation matrix. The first step is to listen to the mouse wheel event. In the wheel event, based on the scrolling of the mouse and the previous transformation
    2025-01-18
  • Implementation code for automatic line wrapping of canvas drawing text content

    Implementation code for automatic line wrapping of canvas drawing text content

    Prototype requirements: It is required to make an invitation card page, in which the number of words in the title is dynamic and can display up to 2 lines. If it exceeds 2 lines, an ellipsis will be added at the end of the second line of content. Accordin
    2025-01-18
  • Summary of N postures for unlocking cross-domain exported images from canvas

    Summary of N postures for unlocking cross-domain exported images from canvas

    This article introduces a summary of N postures for unlocking canvas exported images across domains. I would like to share them with you. The details are as follows: Uncaught DOMException: Failed to execute toDataURL on HTMLCanvasElement: Tainted c
    2025-01-18
  • How to invoke Baidu Map App in Html5

    How to invoke Baidu Map App in Html5

    Recently I took over a requirement, which requires hybrid development. After the front-end is done with h5, the page can be embedded into ios and android. It requires the use of map navigation on Baidu Maps. The specific function points are as follows: If
    2025-01-18
  • How to implement a circular progress bar with incremental animation on canvas

    How to implement a circular progress bar with incremental animation on canvas

    As always, just look at the pictures! The effect is as follows: high-definition large picture! I have been working as a coder for many years, but my old eyes are dim and I can’t see the animation clearly? ! Then look at the static screenshots! ! ! The eff
    2025-01-17
  • Detailed explanation of the bug in Canvas using image synthesis to draw SVG under FireFox

    Detailed explanation of the bug in Canvas using image synthesis to draw SVG under FireFox

    This article is suitable for readers who are interested in canvas drawing, graphics, and front-end visualization. Wedge Everything has a cause. Recently, the product needs to have such a function: dyeing some graphics. Come to think of it, this is not som
    2025-01-17
  • data:image data url file to Blob upload backend method

    data:image data url file to Blob upload backend method

    Some scenarios, such as images obtained by canvas, or images returned by WeChat development SDK are in data:img format. We need to upload them to the server, and then they need to be converted. Convert dataURL to Blob//base64 to blobdataURItoBlob(dataURI
    2025-01-17
  • Detailed explanation of the solution for window.open being intercepted by the browser

    Detailed explanation of the solution for window.open being intercepted by the browser

    Recently, when working on a project, I encountered a situation where window.open was blocked by the browser, which made people extremely depressed. Although the page can be released in one's own environment, for users, users cannot be required to pass
    2025-01-17
  • How to convert html to base64 through canvas

    How to convert html to base64 through canvas

    In H5 marketing activities, a picture is often generated for users to share or save. In this case, there are two solutions. One is to let the back-end generate images and return an image address to the front-end for display. The other is for the front-end
    2025-01-17
  • HTML5 WebGL implements civil aviation flight monitoring system

    HTML5 WebGL implements civil aviation flight monitoring system

    Preface I was on a business trip a few days ago and saw the overhead monitoring panel on the plane. In addition to playing TV series and advertisements, it would also switch to a monitoring system for aircraft navigation from time to time. However, the en
    2025-01-17
  • Code to implement simple arrow icon using div+CSS in HTML

    Code to implement simple arrow icon using div+CSS in HTML

    In web design, we often use some arrows as decoration to embellish our web pages. Although many website designers now like to use font icons to achieve the effect of arrows, this will also give There is some impact on the loading of web pages. Today, the
    2025-01-17
  • Use Canvas to draw an unclosed circle with a progress bar

    Use Canvas to draw an unclosed circle with a progress bar

    Final rendering 1. Define variables to define radius, define ring thickness, define circle center position, and define default fill color let radius = 75let thickness= 10let innerRadius = radius - thicknesslet x = 75let
    2025-01-17
Prev 293031323334353637Next