Schieberegler: Schleifspur nach dem neuesten Chrome-Update auf Android zu klein.

[mycroft2k]

Nach dem neuesten Chrome-Update auf Android wird der Schieberegler in EDOMI falsch dargestellt.

image.png

In der Datei /usr/local/edomi/www/admin/vse/13_vse.php

function slime(fgcolor,pos,para) {
        if (size.o==0) {
            if (obj.dataset.var3&1) {
                return "<line x1='"+pos+"' y1='"+(svgHeight/2)+"' x2='"+(svgWidth/2+svgWidth/2*para.size/100)+"' y2='"+(svgHeight/2)+"' stroke-linecap='"+((para.cap==2)?"round":"butt")+"' stroke='"+fgcolor+"' stroke-width='"+(svgHeight*para.width/100)+"' vector-effect='non-scaling-stroke' fill='none'/>";
            } else {
                return "<line x1='"+pos+"' y1='"+(svgHeight/2)+"' x2='"+(svgWidth/2-svgWidth/2*para.size/100)+"' y2='"+(svgHeight/2)+"' stroke-linecap='"+((para.cap==2)?"round":"butt")+"' stroke='"+fgcolor+"' stroke-width='"+(svgHeight*para.width/100)+"' vector-effect='non-scaling-stroke' fill='none'/>";
            }
        } else {
            if (obj.dataset.var3&1) {
                return "<line x1='"+(svgWidth/2)+"' y1='"+pos+"' x2='"+(svgWidth/2)+"' y2='"+(svgHeight/2+svgHeight/2*para.size/100)+"' stroke-linecap='"+((para.cap==2)?"round":"butt")+"' stroke='"+fgcolor+"' stroke-width='"+(svgWidth*para.width/100)+"' vector-effect='non-scaling-stroke' fill='none'/>";
            } else {
                return "<line x1='"+(svgWidth/2)+"' y1='"+pos+"' x2='"+(svgWidth/2)+"' y2='"+(svgHeight/2-svgHeight/2*para.size/100)+"' stroke-linecap='"+((para.cap==2)?"round":"butt")+"' stroke='"+fgcolor+"' stroke-width='"+(svgWidth*para.width/100)+"' vector-effect='non-scaling-stroke' fill='none'/>";
            }
        }
    }​

ersetzen durch

    function slime(fgcolor,pos,para) {
        if (size.o==0) {
            if (obj.dataset.var3&1) {
                return "<line x1='"+pos+"' y1='"+(svgHeight/2)+"' x2='"+(svgWidth/2+svgWidth/2*para.size/100)+"' y2='"+(svgHeight/2)+"' stroke-linecap='"+((para.cap==2)?"round":"butt")+"' stroke='"+fgcolor+"' stroke-width='"+(svgHeight*para.width/100)+"' fill='none'/>";
            } else {
                return "<line x1='"+pos+"' y1='"+(svgHeight/2)+"' x2='"+(svgWidth/2-svgWidth/2*para.size/100)+"' y2='"+(svgHeight/2)+"' stroke-linecap='"+((para.cap==2)?"round":"butt")+"' stroke='"+fgcolor+"' stroke-width='"+(svgHeight*para.width/100)+"' fill='none'/>";
            }
        } else {
            if (obj.dataset.var3&1) {
                return "<line x1='"+(svgWidth/2)+"' y1='"+pos+"' x2='"+(svgWidth/2)+"' y2='"+(svgHeight/2+svgHeight/2*para.size/100)+"' stroke-linecap='"+((para.cap==2)?"round":"butt")+"' stroke='"+fgcolor+"' stroke-width='"+(svgWidth*para.width/100)+"' fill='none'/>";
            } else {
                return "<line x1='"+(svgWidth/2)+"' y1='"+pos+"' x2='"+(svgWidth/2)+"' y2='"+(svgHeight/2-svgHeight/2*para.size/100)+"' stroke-linecap='"+((para.cap==2)?"round":"butt")+"' stroke='"+fgcolor+"' stroke-width='"+(svgWidth*para.width/100)+"' fill='none'/>";
            }
        }
    }

vector-effect='non-scaling-stroke' wird entfernt.

Danach wird der Schieberegler in Chrome bzw. in der PWA wieder korrekt dargestellt und funktioniert wie gewohnt.

image.png

[Heimerl]

Hi,
um was für einen Schieberegler handelt es sich denn? Ist das der Schieberegler-Schleimspur VSE1006?

Gruß

[Heimerl]

hab es verstanden....das ist der "hauseigene" Schieberegler....