Svg Fix For Webkit Browsers

Vacansee / app

Predicting campus occupancy and room availability @ RPI

https://vacansee.github.io/app

GNU General Public License v3.0

12 stars 0 forks source link

Svg Fix For Webkit Browsers #59

Closed BoundlessFate closed 4 months ago

BoundlessFate commented 7 months ago

Fixed by scaling the default resolution of the map and building svgs to be 1080px wide instead of 50px wide, and scaling the svgs by a factor of (50/1080) to compensate. Then, the building svg popup was adjusted to fit these changes. When code reviewing I would recommend testing on both a webkit (Epiphany or Safari) and non webkit browser (Chrome for example)

Acumane commented 7 months ago

A few things:

Breaks the zoom transition on all browsers
Floors are no longer (as) centered
Map blur stdDeviation needs to be increased to ~4.0

We may just want to apply this fix to the floor plans, seeing as the campus map might be replaced with a proper map API

Acumane commented 6 months ago

The map zoom transition still "curves" in, which is usually the result of a scale() and translate() co-occuring but at different rates. The floors also still appear to be off-centered: