Tag:rectangle

  • “Weekly point canvas animation” — 3D point line and water wave animation

    Time:2021-7-15

    “Weekly canvas animation” — magical use of difference function Weekly point canvas animation code file It seems that the last update was 11 years ago. It’s been more than half a month. I’m sorry to update it now. This time we don’t cover the content of canvas 3D, but mainly share a more dazzling animation […]

  • “Weekly canvas animation” — magical use of difference function

    Time:2021-7-9

    Weekly point canvas animation code file It seems that the last update was 11 years ago. It’s been more than half a month. Now I’m not embarrassed to update. This time we don’t cover the content of canvas 3D, but mainly share a more dazzling animation effect, which can be regarded as the last article“Weekly […]

  • Simple use of Vue direct tool tip box

    Time:2021-7-3

    1、 Installation npm install vue-directive-tooltip –save 2、 Citation Global reference in main.js import Tooltip from ‘vue-directive-tooltip’; import ‘vue-directive-tooltip/dist/vueDirectiveTooltip.css’; Vue.use(Tooltip) Use in Vue file <span v-tooltip.top=”‘v-tooltip'”>ToolTip</span> The display is as follows: 3、 Custom Change pop up position < span v-tooltip. Top =’I’m at the top ‘”> tool tip < / span > // pop up from […]

  • Foundation of Android custom controls (1) — geometry drawing

    Time:2021-7-3

    Although I have a few years of development experience, but the custom control together, little research, shame… When used is Baidu search, copy and paste. Working hours are tight. I always want to finish it as soon as possible( It’s all excuses. If you want to learn, there will always be time As an Android […]

  • Study notes of canvas (1)

    Time:2021-7-2

    There has been no systematic studycanvasIt’s all in usegoogleWhen you use it, you decide to follow it when the recent work is overMDNLearn about itCanvas。 Before you study, let’s first understandcanvasMy background knowledge. The following is quoted fromMDN: < canvas > WebKit was first introduced by apple and used in the dashboard of Mac OS […]

  • Canvas event

    Time:2021-6-28

    I don’t use much for canvas, and I’m not very familiar with it. I can only deal with some simple applications, and I will continue to study in the future. In addition, for canvas events, if you want to realize that all graphics have their own events, you can try traversing and drawing. Here is […]

  • Study notes of canvas (2) — drawing basic graphics

    Time:2021-6-22

    It’s been a long time since the last one. Originally, this one should have been written, but it didn’t work out. The keyboard of the notebook broke down, and then it was sent for repair. It was delayed for several days. The last one briefly recorded someCanvasThe basic knowledge, this is a late note to […]

  • [leetcode] 48. Rotate the image

    Time:2021-6-17

    Given an n × The two-dimensional matrix of N represents an image. Rotate the image 90 degrees clockwise. explain:You have to rotate the image in place, which means you need to modify the input 2D matrix directly. Please do not use another matrix to rotate the image. Example 1: //Given matrix= [ [1,2,3], [4,5,6], [7,8,9] […]

  • HTML5 canvas column

    Time:2021-5-7

    1、 Canvas element The drawing function of canvas element is shown by its context object, and the environment variable can be obtained from canvas element. html: <canvas id=”canvas” width=”300″ height=”150″> Canvas not supported </canvas> css: body{background-color:#eee;} #canvas{ border: 1px solid #333; } javascript: var ctx = document.querySelector(‘#canvas’).getContext(‘2d’); ctx.strokeStyle = ‘red’; ctx.strokeRect(0,0,100,100); 1. By default, the […]

  • Graphics processing: filling canvas text with linear gradients

    Time:2021-4-23

    Author: barrior In canvas, it is easy to fill the text with horizontal or vertical linear gradients, while the gradients with angles are much more complex. As shown below, suppose the width of the text rectangle isW, Gao WeiHThe coordinates of the upper left corner areX, Y。 Guess and answer Give two answers: The correct […]

  • HTML5 canvas drawing rectangle and circle instance code

    Time:2021-4-23

    HTML5 canvas drawing rectangle and circle instance code JavaScript CodeCopy content to clipboard <!DOCTYPE html>    <html>        <head>            <meta charset=“UTF-8”>            <title></title>        </head>        <body onload=“draw(),drawarc()”>    <! — drawing steps: get canvas element, get context, fill and draw border, set drawing style <! — to draw other complex graphics, you need to use paths: […]

  • Li Xingqiu Python is a man on the next 100 layer test program Tkinter game

    Time:2021-4-20

    “”” This work adoptsCC agreementReprint must indicate the author and the link of this article Python Wizard module