Webbplats || JavaScript: läsa av höjd/bred ratio vid uppladdning av SVG filer.

Permalänk
Medlem

Webbplats || JavaScript: läsa av höjd/bred ratio vid uppladdning av SVG filer.

Hej SweC!

Så jag har en sida där användare kan ladda upp svg filer, ett problem som uppstår är då att om bilden är har en "hög" height/width ratio så när denna svg:n presenteras så baseras "storleken" på den uppladdade bilden på att den ska på bredden få plats vilket gör att om den är för "hög" jämfört med bredden så får vi att den blir väldigt "fult" presenterat. Vi har hittat lite olika sätt på hur man skulle kunna skala om svg:n för att passa men vi gillar ingen av dessa metoder än så länge. Så det vi skulle vilja göra tillsvidare är att varna användaren vid uppladdning att bilden höjd/bredd ratio kommer skapa presentations problem, så får de välja om de fortfarande vill ladda upp den.

Så jag har en idé (dock gillar jag inte den) och det är att göra ett element i DOM med svg:n som döljs och läsa dennes höjd/bredd för att avgöra om vi vill ge varningen eller ej.

Slutligen till min fråga, är det någon där ute som vet om man på något sätt kan läsa ut höjd/bredd ration på SVG:n via filen utan att ha ett element i DOM?

Tack för svar!

Visa signatur

Смерть -это решение всех проблем. Нет человека - нет проблемы
Comp1: Ubuntu 16.04 Comp2: Arch Linux
Comp3: Ubuntu Server 16.04 Comp4: Centos 6.5
Comp5: Linux mint 16 Comp6: Raspberry pi (olika OS hela tiden)
Phone: Motorola Google Nexus 6

Permalänk
Medlem

Du kan hantera den som en bild och därefter läsa dens höjd och bredd.
https://stackoverflow.com/a/8904008/2914876
http://jsfiddle.net/4N6D9/1/

Sedan får du bara räkna ut ratio:n

Permalänk
Medlem

Ja, det där scriptet var bra tycker jag.

Visa signatur

Смерть -это решение всех проблем. Нет человека - нет проблемы
Comp1: Ubuntu 16.04 Comp2: Arch Linux
Comp3: Ubuntu Server 16.04 Comp4: Centos 6.5
Comp5: Linux mint 16 Comp6: Raspberry pi (olika OS hela tiden)
Phone: Motorola Google Nexus 6