noaa-onms / sanctsound

NOAA sanctuaries and sound test products
https://sanctsound.ioos.us
MIT License
4 stars 2 forks source link

Firefox funk with SVGs #16

Open bbest opened 2 years ago

bbest commented 2 years ago

Hi @superjai,

Might you have any suggestions for the funk we're seeing in these rendered SVGs on Firefox, but not Chrome? (You can charge this to EcoQuants under sanctsound project on Clockify.)

Something uniquely funky is happening in the background for each of these sanctuary scenes, presumably with how the layers get created in Adobe Illustrator, but each in some odd unique way. You're the expert on these matters and have documented this process nicely already in Chapter 3. Creating an Infographiq image | Guide to Infographiq. We're hoping to advise Amanda Dillon, Sue Kim or any other illustrators enlisted so as to avoid these problems in existing and future illustrations.

Channel Islands

https://sanctsound.ioos.us/draft/s_cinms.html

Firefox

CINMS Firefox

Chrome

CINMS Chrome

Florida Keys

https://sanctsound.ioos.us/draft/s_fknms.html

Firefox

FKNMS Firefox

Chrome

FKNMS Chrome

Others

Adobe Illustrator (*.ai) Files

See: BACKGROUNDS - Google Drive (shared to jai.ranganathan@gmail.com)

superjai commented 2 years ago

Hey @bbest. I think you are right that there is something subtlety wrong in the way in which these illustrator files were created. The only thing to do really is to open up the files in illustrator and take a look - which I would be happy to do except that my illustrator license has expired. Any thoughts?

On Fri, Feb 25, 2022 at 3:40 PM Ben Best @.***> wrote:

Hi @superjai https://github.com/superjai,

Might you have any suggestions for the funk we're seeing with in these rendered SVGs on Firefox, but not Chrome?

Something uniquely funky is happening in the background for each of these sanctuary scenes, presumably with how the layers get created in Adobe Illustrator, but each in some odd unique way. You're the expert on these matters and have documented this process nicely already in Chapter 3. Creating an Infographiq image | Guide to Infographiq https://marinebon.org/infographiq/image-creation.html#illustrator. We're hoping to advise Amanda Dillon, Sue Kim or any other illustrators enlisted so as to avoid these problems in existing and future illustrations. Channel Islands

https://sanctsound.ioos.us/draft/s_cinms.html Firefox

[image: CINMS Firefox] https://user-images.githubusercontent.com/2837257/155817057-434c9081-1496-4ce3-9260-4a0a58e5088a.png Chrome

[image: CINMS Chrome] https://user-images.githubusercontent.com/2837257/155816988-f7670786-ff23-4fb6-a0c4-f1b9114330dd.png Florida Keys

https://sanctsound.ioos.us/draft/s_fknms.html Firefox

[image: FKNMS Firefox] https://user-images.githubusercontent.com/2837257/155817230-1cdf2011-9d38-4a86-a87f-bfd2ad15e8b7.png Chrome

[image: FKNMS Chrome] https://user-images.githubusercontent.com/2837257/155817263-f198a41e-b9d6-41dd-b447-47c7265a137d.png Others

— Reply to this email directly, view it on GitHub https://github.com/noaa-onms/sanctsound/issues/16, or unsubscribe https://github.com/notifications/unsubscribe-auth/AANJ3LALW6YYTEXN4RNLCKDU5AHNHANCNFSM5PLQXVUA . Triage notifications on the go with GitHub Mobile for iOS https://apps.apple.com/app/apple-store/id1477376905?ct=notification-email&mt=8&pt=524675 or Android https://play.google.com/store/apps/details?id=com.github.android&referrer=utm_campaign%3Dnotification-email%26utm_medium%3Demail%26utm_source%3Dgithub.

You are receiving this because you were mentioned.Message ID: @.***>