Programming VIP

Students who often use photoshop are familiar with the background of such a transparent square. Some are called "chessboard" effect, as followsThis paper introduces three tips for drawing transparent squares with CSS1, Linear gradientLinear gradient can be said to be the first application to realize this effect. Of course, the impleme ...

The original text is reproduced from "Liu Yue's technology blog" https://v3u.cn/a_id_207 Once upon a time, SVG(Scalable Vector Graphics) vector animation was known as a technology cursed by browsers because of poor hardware support (IE) and endless compatibility tuning (Safari). However, today in 2022, everything is different. It is ...

In our large screen visualization project, we often use a variety of charts. Compared with the traditional table display and boring text description, the chart display makes the user look more intuitive and the data display more clear at a glance. Based on svg drawing technology and front-end technology stack vue, this paper briefly expounds so ...

Recently, the S11 LPL spring competition started. In the process of watching the competition, I found a new and interesting mask effect in the Ban/Pick selection stage of the new season, as shown in the following figure:Of course, it is a dynamic effect. In the process of selecting a candidate, there will be a breathing effect:The Gif image is ...

AFreeSVG – JFreeSVG for Android, svg image drawing library on Android Recently, when I was working on a project, I needed to draw and generate svg pictures on Android. At that time, I thought that this demand should be supported by many ready-made open-source libraries, so I opened Baidu and prepared to do a big job. However, I failed to ...

2021.07.29 [Note1] Introduction to SVG Start learning D3 today JS, organize your notes into a blog to record your learning process.The video resource comes from master Xiaokui, the Up Master of station B. He is a senior of Tsinghua University. He seems to use D3 version 5 +, which is very suitable for beginners.At present, the learning strateg ...

preface   recently, due to the needs of work, I began to learn the svg drawing method in JavaScript. Since I have never used svg, I began to learn from scratch. SVG basic graphics rectangle <rect x="10" y="10" width="30" height="30"/>    in the above code, X and Y represent the abscissa and ordinate of the upper l ...