this is the basics of graphics.
first of all, you need to know what a bitmap is:
bitmap is also called dot matrix map or pixel map. When you zoom in to a certain limit,
bitmap will find that it is composed of small squares, which are called pixels, and a pixel is the smallest image element in the image. When processing a bitmap image, you are editing pixels rather than objects or shapes, and its size and quality depend on the number of pixels in the image. The more pixels per square inch, the clearer the image and the smoother the mixing between colors. The computer storage bit image actually stores the position and color data of each pixel of the image, so the clearer the image, the more pixels, the larger the corresponding storage capacity.
then take a look at what pixels are:
pixels are composed of small squares of the image, that is, the so-called pixel (pixel). These small squares have a clear position and assigned color value, and the color and position of these small squares determine what the image looks like.The approximate selection of
color is a compromise scheme adopted because there are too many pixels in the original image and too many pixel blocks in the retina screen, which needs to be filled with more pixels.
Previous: How does JS monitor page refresh and shutdown?
Next: There was a problem when I installed mongodb on the linux system.
there is such a requirement, as shown in the figure are four menu buttons. The four menu icons here are not vector icons similar to Font Awesome, but pictures in png format, namely f.png, u.png, s.png, and p.png. demand: clicking on the correspondi...
dynamic effects that are often overlooked are so important to user experience design Animation effect is an unavoidable link in user experience design, while in mobile interaction, dynamic effect exists as a transition lubricant and an important lin...
similar effect: question: the width of the parent element adapts to the width of the browser window, so how are the child elements evenly distributed horizontally (including the left and right margins)? requires compatibility with ie8 regardless of...
problem description After flex-item (parent element flex positioning, flex-item refers to its child elements) sets overflow-x: visible; overflow-y: auto , the x-axis beyond the container is not displayed. This is obviously not in line with the settin...
as shown in the picture, it is to see if the pothole in the bathroom is occupied, can the front end of this picture be realized, and do the gods have any ideas? thank you ...
such as the title, look at the picture ***@mediabootstrap*** ...
requirements: the page has a large image as the background, which requires that no matter how the browser size changes, the background image will always be in the same proportion (will not be deformed), and will always be covered with the entire browser...
Let s talk in the picture above first the core code is as follows (please don t mind if it s not well written) <svg :width="panelObj.panelWidth" :height="panelObj.panelHeight" > <!-- --> <!--...
for example, I have two components An and B. How do I get component A to use only A.less , and component B to use only B.less . Because they all have the same class name. it is known that CSS Module is available. I d like to know if there are ...
The icon in iconfont has its own color, which is wrapped in the a tag and is overwritten by the default color of the a tag. How to solve it? Beginner, ask for guidance! Thank you! the icon selected is monochrome. You can specify with color, but what ...
problem description for example, can a figure like the following (the box part indicates the transparent background and the polygonal border with inner shadow) be realized by html+css, and how should it be achieved? ...
problem description read teacher Damu s article, the solution of 1px on mobile uses postcss-write-svg , but the border shows up and down but not left or right. I don t know if I used it wrong . related codes @svg 1px-border { height: 2px; @re...
now I use amfe-flexible for mobile adaptation. he would have added the data-dpr attribute to the html root node, and then set the font-size size based on this attribute. But the problem is that no matter how I set it, he won t add the data-dpr ...
want to use the mix-blend-mode:difference implementation in ccs3 to be red on a white background, but black on a red background. only this effect is close to ...
<div class="wrap"> <div class="header">< div> <div class="main">< div> < div> When header is set to position:fixed , how do I make its width equal to the width of the paren...
for example, I use scss to define a style class: .w{x}px: { width:{X}px; } write code directly <div class="w20px"> <div class="w25px"> <div class="w30px"> <div class="w40px"> and ...
<html>height8px(8pxbody) <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>JS Bin< title> < head> <body> < body> < html> * <html>height8px(8p...
,marginpadding: <div class="core J_core">< div> <div class="sub-column">< div> ...