zooming in and out using mouse scroll wheel

I searched desperately for a way to do that but in vain. so far it looks like the only way for zooming using mouse in android is clicking twice the left button and dragging up or down, which is very awkward and frustrating and out of common sense. I tried to find a key mapper on Googleplay but I found nothing which handles mouse buttons. I also looked for an image viewer with any options for mouse input, and nothing I found.

SVG not rendering in PNG, only renders in Chrome after zooming in/out

I’m trying trying to create a relatively simple background for an SVG image. I’ve created an equivalent in GIMP, applying a radial gradient from the centre to the edge and then applying the “spread” filter.

Version created in GIMP.

I have the following code that accomplishes a similar result, at least in Inkscape.

<?xml version="1.0" encoding="UTF-8" standalone="no"?> <svg id="wallpaper"   viewBox="0 0 1920 1080" height="1080" width="1920"   xmlns="http://www.w3.org/2000/svg"   version="1.1" >   <defs>     <radialGradient id="gradient">       <stop offset="2.5%" stop-color="#ffffff"/>       <stop offset="100%" stop-color="#000000"/>     </radialGradient>      <clipPath id="gradientClip" clipPathUnits="userSpaceOnUse">       <rect         id="gradientClip-rect" y="0" x="0" height="1080" width="1920"       />     </clipPath>   </defs>     <g id="background" clip-path="url(#gradientClip)">     <rect       id="background-fill" width="1920" height="1080" x="0" y="0"       style="fill:#000000;"     />      <filter id="gradientNoise">       <feTurbulence type="fractalNoise" baseFrequency="50" numOctaves="2" result="turbulence"/>       <feDisplacementMap         in2="turbulence" in="SourceGraphic" scale="540"         xChannelSelector="R" yChannelSelector="G"       />     </filter>      <circle       id="background-gradient" filter="url(#gradientNoise)" fill="url(#gradient)"       cx="960" cy="540" r="960"     />   </g> </svg> 

However, when I rasterize it to a PNG or open it in Chrome (at 100% zoom) all I get is the gradient with no noise.

enter image description here

However again, if I zoom in or out in Chrome the filter applies correctly.

Side-by-side comparison of Chrome rendering the image at 80% and 110%.

Is it possible that there is some kind of issue with this file that only appears when the image is viewed at the size defined in the viewbox? Is there something else that I’m not seeing?

I would have chalked my PNG issue up to the same problem this poster was having if it weren’t for the odd behaviour I’m only noticing when my browser is set to 100% zoom.


Stop zooming animation happening in Gmail when clicking

Everytime I click on something in Gmail (and only Gmail), I get this strange zooming in and out animation:

enter image description here

Sometimes blue boxes will also appear which seem to be around any element on the page that might be clickable.

It doesn’t happen on any other website but Gmail – so I suspect it’s a Gmail thing.

How do I turn this off?

Do you knwo guy why is chart.js zooming when in click inside an ion-content wich contains a slider?

I have an ion-content > ion-slides > ion-slide > canvas for chart.js The problem is that when i click inside the ion-content , all chart which is inside the page is zooming:

    <ion-slides  [style.height]="'100%'" #ionicDetailSlider (ionSlideDidChange)="slideChanged()" >           <ion-slide >             <ion-content>                 <app-radarchart [currentUserId]="currentUserId"></app-radarchart>                 <app-barchart [currentUserId]="currentUserId"></app-barchart>             </ion-content>           </ion-slide>           <ion-slide >               <ion-content>                 <app-userinfo [userDetails]="userDetails"></app-userinfo>                 <ion-label>Fiche prospecteur</ion-label>               </ion-content>           </ion-slide>         </ion-slides>  ```` 

What internet browsers are able to provide text wrapping (fitting the screen) when zooming (beside Opera)?

I am not sure I am using the proper terms, therefore I will exemplify them with screenshots. Please help me improve my terminology if I am wrong.

(I’m not sure Browser which always allows scale/zoom? is about the same topic, as I don’t grasp the meaning of terms like ” viewport metatag parameters user-scalable” and “meta viewport tag”.)

Taking a Wikipedia page:

enter image description here

Simply zooming it – whether with forced zoom enabled or not – would give this (like in Chrome), where the font size appears larger but the text body is not seen in its entirety, as it doesn’t fit the screen:

enter image description here

while what I would like to see would be this – what I call text fit or text wrap, where the font is enlarged without losing the entirety of the text body, which in this case fits the screen:

enter image description here

I know this is available in Opera. I would like to know what other browsers have this feature.

Notes: Problem with zooming / pinging images

I got problems with my iPad Pro on iOS 12.1.4, shown in the video here.

I zoom into a screenshot image placed into a note (note.app). I zoom into it and do my markup (writing on it with apple pencil 1st gen).

Then, when I try to do the same again, I cannot zoom into the image anymore.

So that means: I can edit it once. But I am unable to add anything afterwards, which is annoying.

Any idea?

Thanks you!

Zooming problem?

I have a problem with my webpage, it goes crazy when I try to zoom :)).. I made the page kinda responsive using css grid (it was the first time when I used that) but now I am getting very frustrated because I cannot zoom without messing up the whole page, divs, layouts, design etc :)).

You can see here what I am talking about: https://youtu.be/5zQX1qnoRX0

thank you