Issue with aliasing on non-Android, non-iPhone device

tina · May 8, 2026 at 1:46 PM

Hi all, I have a device that is neither Android nor iPhone. On this device, when using krpano to display panoramic images—whether in a WebView or a browser—there is a serious aliasing (jagged edge) issue. However, when I set the WebView’s user agent to "Android", the aliasing disappears and the panorama becomes very sharp and clear.

Unfortunately, I cannot change the user agent for the browser. My question is: Is there any way to eliminate aliasing by adjusting krpano parameters? If so, which parameters should I set?

I have tried setting display.antialias=true and webglsettings.antialias=true, but neither seems to have any effect.

klaus.krpano · May 9, 2026 at 10:04 AM Official Post

Hi,

what device is this?

But setting the webglsettings embedding should definitely work:

krpano.com - Documentation - Embedding into HTML

How do you set it?
Correct would be in the embedpano call:

Code

embedpano({..., webglsettings:{antialias:true}});

But even with disabled anti-aliasing, there should be no jagged edges in the pano images, the anti-aliasing mainly only effects hotspots edges... So maybe the actual problem is something else...

Best regards,
Klaus

tina · May 25, 2026 at 7:56 AM

Thank you for your reply. I did follow the documentation to add the WebGL settings, exactly as you wrote in your reply, but unfortunately, they still didn’t work.

The device I’m developing on is a Huawei phone running the HarmonyOS system. The WebView’s user agent is:

Mozilla/5.0 (Phone; OpenHarmony 6.0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/132.0.0.0 Safari/537.

Quote from klaus.krpano
Hi,
what device is this?
But setting the webglsettings embedding should definitely work:
https://krpano.com/docu/embedpano/#webglsettings
How do you set it?
Correct would be in the embedpano call:
Code
embedpano({..., webglsettings:{antialias:true}});
But even with disabled anti-aliasing, there should be no jagged edges in the pano images, the anti-aliasing mainly only effects hotspots edges... So maybe the actual problem is something else...

Best regards,
Klaus
Display More

klaus.krpano · May 25, 2026 at 9:52 AM Official Post

Please post a link to your example.

tina · May 27, 2026 at 6:09 AM

index.html

HTML

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        * {
          margin: 0;
          padding: 0;
        }

        html,
        body,
        #test {
          height: 100%;
        }
    </style>
    <script src="./krpano.js"></script>
</head>

<body>
    <div id="test"></div>
    <script>
        embedpano({ xml: "./test.xml", target: "test" });
    </script>
</body>
</html>

Display More

test.xml

Code

<krpano version="1.21" title="Virtual Tour" showerrors="false">
    <control bouncinglimits="true" />
    <style name="logoStyle" />
    <autorotate enabled="true"
                waittime="3"
                speed="5"
                horizon="0.0"
                tofov="off"
                zoomslowdown="true"
                interruptionevents="userviewchange|layers|keyboard"
    />
    <contextmenu fullscreen="false" versioninfo="false">
    </contextmenu>

    <view hlookat="-0" vlookat="0" fov="100"/>
    <image type="SPHERE">
        <sphere url="file://path_of_image/pano-image.jpg"/>
    </image>

</krpano>

Display More

Before appending the "android" string to the WebView's User Agent：

After appending the "android" string to the WebView's User Agent

klaus.krpano · May 28, 2026 at 5:01 PM Official Post

Hi,

this is not anti-aliasing, this is wrong (too low) rendering resolution...

In krpano there is a detection and workaround for very old Android devices that weren't handling HiDPI cases (devicePixelRatio > 1.0) correctly, and it seems your device is somehow getting into this case...

Will check that further, I think that special case handling can be already removed...

Best regards,
Klaus

Issue with aliasing on non-Android, non-iPhone device

Participate now!

Tags