javascript - Problems with QR codes on ios phones in vue

Question

In the vue project, introduce a picture with a QR code

<img src="1.jpg" class="newImage">

But why can’t the function of scanning the QR code of the picture be brought up when long pressing the picture?
But such a QR code can appear on an Android phone?

What is the reason?

Picture style:

.newImage{

width:100%;
min-height: 100vh;
background-size:100%;

}

For example, this picture:

Answer 1

The function of long pressing the picture to call up the QR code of the scanned picture is a function packaged by third-party applications such as WeChat, QQ Browser, UC Browser, etc. It is not native to the system. iOS Safari and Android's native browsers do not have this function. Function

Answer 2

There is a problem with the image positioning of the IOS QR code. . . It is actually positioned in the lower right corner of the relative picture. You can try long pressing on the lower right corner of the picture. You should be able to activate the function of scanning the QR code.