An issue in Preview

RbnJrg · Yesterday, 06:40 PM

Hi Kevin and Diap;

Please, open the attached epub; you'll see an image with a svg filter applied to emulate a metal surface. Now go to Metal_Filter.svg file and where you see

Code:

   <feFlood flood-color="red" result="solid_color"/>

change the color "red" for any other color (blue, green, orange, khaki, coral, whatever) and the change is not reflected in Preview Pane, even if I press "Update Preview Window" button. If you open the epub with any of the Sigil's plugin, the change is present. Why Preview Pane is not showing changes in the epub code?

KevinH · Yesterday, 11:18 PM

By changing an item in the svg file and not an xhtml file, Preview has no way of knowing that the svg file was changed underneath it when reload was hit, so the cached version is loaded.

So when editing that svg file in CodeView is somehow not writing that change to disk immediately. Have you tried closing the SVG tab and then try the reload in Preview? Does that work?

If not, does closing the xhtml CV tab and reopening it detect the change.

Turtle91 · Today, 12:24 AM

I get the svg to reload by selecting another open codeview tab and then back to the tab with the svg. Works every time!

philja · Today, 07:05 AM

I must have missed something here. I don't see any color - neither the original red nor any other that I might edit in.
Is some plugin required?

DiapDealer · Today, 07:29 AM

You have to open the .svg file in Code View to make the change mentioned.

KevinH · Today, 07:52 AM

It is a bug. I think editing svg files in CodeView needs a mechanism like we use when editing a CSS file to force save that tab and signal the need to reload Preview.

I will look into it further.

But closing that svg tab or making another tab active and moving back, should workaround this issue..

philja · Today, 08:42 AM

What is the role of the svg filter?

I presumed that because the Metal_Filter.svg file contained the entry

Quote:

I should see something red or at least reddish in the Preview pane when the Section0001.xhtml file was selected (before attempting any edit).

No matter which file I select, I never see any hint of red in Preview so what would I expect to see if the color was changed to blue or whatever?

What do I need to do to see the effect of the flood-color in the SVG filter file?

(since it's not April 1, I suppose it's not a question of the 'Emperor's new clothes'

)

RbnJrg · Today, 09:26 AM

Quote:

Originally Posted by KevinH

By changing an item in the svg file and not an xhtml file, Preview has no way of knowing that the svg file was changed underneath it when reload was hit, so the cached version is loaded.

The issue is also present if in the .xhtml file I add anything. For example, open the file I attached, change the color to "blue" in the filter file, go back to the .xhtml file (no change is present) and after that, add a new paragraph (for example <p>This is a test</p> and the color image remains unchanged.

Quote:

So when editing that svg file in CodeView is somehow not writing that change to disk immediately. Have you tried closing the SVG tab and then try the reload in Preview? Does that work?

Yes, it doesn't work

Quote:

If not, does closing the xhtml CV tab and reopening it detect the change.

Yes, that works; by closing the CV tab and reopening it applies the change; also changing the CV (without closing it) does the trick.

RbnJrg · Today, 09:26 AM

Quote:

Originally Posted by Turtle91

I get the svg to reload by selecting another open codeview tab and then back to the tab with the svg. Works every time!

Thanks, that works!

RbnJrg · Today, 09:30 AM

Quote:

Originally Posted by philja

I must have missed something here. I don't see any color - neither the original red nor any other that I might edit in.
Is some plugin required?

No, no plugin is needed; you should see something like:

Click image for larger version

Name: One1.jpg
Views: 3
Size: 6.5 KB
ID: 217825

RbnJrg · Today, 09:32 AM

Quote:

Originally Posted by KevinH

But closing that svg tab or making another tab active and moving back, should workaround this issue..

Closing the svg tab is not working; but by making another tab active does the trick.

RbnJrg · Today, 09:39 AM

Quote:

Originally Posted by philja

What is the role of the svg filter?

The same role of any of the css filter. But svg filters are more powerfull than the css ones.

Quote:

I presumed that because the Metal_Filter.svg file contained the entry

Code:

   <feFlood flood-color="red" result="solid_color"/>

I should see something red or at least reddish in the Preview pane when the Section0001.xhtml file was selected (before attempting any edit).

Yes, that's right.

Quote:

No matter which file I select, I never see any hint of red in Preview so what would I expect to see if the color was changed to blue or whatever?

What do I need to do to see the effect of the flood-color in the SVG filter file?

Post a screenshot of your output; there must be some kind of bug with your system, because when you open the epub I attached, as I said in a previous post, you should see something like:

Click image for larger version

Name: One1.jpg
Views: 5
Size: 6.5 KB
ID: 217826

The original svg file (image1.svg) is a plain grayscale image (full filled with color="#777"). The final color, the brushed metal effect and 3D appearance are product of the applied filter.

philja · Today, 10:01 AM

Quote:

Originally Posted by RbnJrg

The same role of any of the css filter. But svg filters are more powerfull than the css ones.

Yes, that's right.

Post a screenshot of your output; there must be some kind of bug with your system, because when you open the epub I attached, as I said in a previous post, you should see something like:

Attachment 217826

The original svg file (image1.svg) is a plain grayscale image (full filled with color="#777"). The final color, the brushed metal effect and 3D appearance are product of the applied filter.

Thanks for the reply, RbnJrg.

Your attached image is the first time I've seen any red color.

I find it hard to believe I've a system problem because I've tried on my MacBook, Linux and W11 machines and I always get a greyscale image whether I select the .xhtml file or the image file. I'm using Sigil 2.6.0 with Qt 6.8.2 on all 3 machines.

That's why I wondered if there is a plugin needed to correctly view the SVG image.

Attached is a screenshot from my linux machine showing Preview of the file Section0001.xhtml

DNSB · Today, 10:09 AM

For what it may be worth, I see what @philja is reporting. If I remove the url from the link to the filter, it shows a solid colour in Preview.

KevinH · Today, 10:27 AM

I have a potential fix, but I am in the same boat as DNSB and philja. I do not see any color at all (before or after the change from red to blue).

So I can not even test my fix!

So something is funny.

Yesterday, 11:18 PM	#2
KevinH Sigil Developer Posts: 8,899 Karma: 6120478 Join Date: Nov 2009 Device: many	By changing an item in the svg file and not an xhtml file, Preview has no way of knowing that the svg file was changed underneath it when reload was hit, so the cached version is loaded. So when editing that svg file in CodeView is somehow not writing that change to disk immediately. Have you tried closing the SVG tab and then try the reload in Preview? Does that work? If not, does closing the xhtml CV tab and reopening it detect the change. Last edited by KevinH; Yesterday at 11:21 PM.

Today, 07:52 AM	#6
KevinH Sigil Developer Posts: 8,899 Karma: 6120478 Join Date: Nov 2009 Device: many	It is a bug. I think editing svg files in CodeView needs a mechanism like we use when editing a CSS file to force save that tab and signal the need to reload Preview. I will look into it further. But closing that svg tab or making another tab active and moving back, should workaround this issue.. Last edited by KevinH; Today at 08:19 AM.

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Kindle 4 Cant reach certain buttons issue and opening keyboard issue	Thefirebeast	KOReader	6	06-26-2021 12:46 AM
issue converting from azw3 to mobi (ccs and font issue)	fatkinglet	Conversion	3	10-15-2020 10:13 PM
preview vs print preview	isalherbo	Sigil	7	04-23-2013 03:52 PM
Nook Simple Touch Glowlight - technological issue or quality-control issue?	Dr. Drib	Barnes & Noble NOOK	1	12-04-2012 01:32 PM
Hyperlinks Issue in NLT Bible (ebook or software issue)?	myet01	Kobo Reader	5	07-29-2011 08:47 AM

Today, 12:24 AM	#3
Turtle91 A Hairy Wizard Posts: 3,367 Karma: 20212733 Join Date: Dec 2012 Location: Charleston, SC today Device: iPhone 15/11/X/6/iPad 1,2,Air & Air Pro/Surface Pro/Kindle PW & Fire	I get the svg to reload by selecting another open codeview tab and then back to the tab with the svg. Works every time!

Today, 07:05 AM	#4
philja Addict Posts: 275 Karma: 516 Join Date: Nov 2015 Location: Europe EEC Device: Kindle Fire HD6 & HD8	I must have missed something here. I don't see any color - neither the original red nor any other that I might edit in. Is some plugin required?

Today, 07:29 AM	#5
DiapDealer Grand Sorcerer Posts: 28,706 Karma: 205039118 Join Date: Jan 2010 Device: Nexus 7, Kindle Fire HD	You have to open the .svg file in Code View to make the change mentioned.

Today, 10:09 AM	#14
DNSB Bibliophagist Posts: 47,092 Karma: 169815798 Join Date: Jul 2010 Location: Vancouver Device: Kobo Sage, Libra Colour, Lenovo M8 FHD, Paperwhite 4, Tolino epos	For what it may be worth, I see what @philja is reporting. If I remove the url from the link to the filter, it shows a solid colour in Preview.

Today, 10:27 AM	#15
KevinH Sigil Developer Posts: 8,899 Karma: 6120478 Join Date: Nov 2009 Device: many	I have a potential fix, but I am in the same boat as DNSB and philja. I do not see any color at all (before or after the change from red to blue). So I can not even test my fix! So something is funny.

Advert

Advert