recentpopularlog in

kme : svg   67

firefox - Using a data: encoded SVG as a CSS filter - Stack Overflow
After more trials and errors I've found that using escape on the data works and now we just have to wait for other browsers to implement support for it.
firefox  svg  data-uri  css  webdevel  webdesign  solution 
february 2016 by kme
css3 - SVG as data URI not rendering - Stack Overflow
Escaping *only* the '#' characters didn't work, but escaping *everything* after the "data:image/svg+xml;utf8," *did. Chrome was fine with it. This is in reference to 'data-uri' SVG images that are used in the "VanillaJS" TodoMVC project.
You haven't escaped the '#' characters in the url() syntax. And it's 'viewBox' not 'viewbox'.
firefox  svg  data-uri  css  webdevel  webdesign  solution 
february 2016 by kme
Data-URI SVG background in CSS not working in Firefox - Stack Overflow
Escaping *only* the '#' characters didn't work, but escaping *everything* after the "data:image/svg+xml;utf8," *did. Chrome was fine with it. This is in reference to 'data-uri' SVG images that are used in the "VanillaJS" TodoMVC project.

Firefox had a bug that was fixed in FF6. A hash(#) in the Data URI source will break the image.

A # in the content needs to be escaped as %23.
firefox  css  svg  datauri  webdesign  webdevel  solution 
february 2016 by kme
Manual:Image administration - MediaWiki
I used librsvg (which is what this article says WikiMedia projects use) and it looks great.
svg  mediawiki  solution  thumbnail  webmaster 
december 2014 by kme
stroke-linejoin - SVG | MDN
stroke-linejoin="round"


Inkscape makes this a property in "style=". Neither one seems to work in the browser for paths.
xml  svg  webdevel  webdesign  maybesolution 
july 2014 by kme
html - Linking to CSS in an SVG embedded by an IMG tag - Stack Overflow
For security reasons images must be standalone files. You can use CSS if you encode the stylesheet as a data uri. E.g.

<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<?xml-stylesheet type="text/css" href="data:text/css;charset=utf-8;base64,cmVjdCB7IA0KICAgIHN0cm9rZTogYmxhY2s7DQogICAgZmlsbDogZ3JlZW47DQp9" ?>
<svg version="1.1"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 100 100"
>
<rect x="10" y="10" width="80" height="80" />
</svg>

There are various online converters for data URIs.
xml  svg  webdevel  embed  webdesign  graphics  solution 
july 2014 by kme
Displaying an SVG image coherently in all decent Browsers
The final result that did the trick was the following:

Make sure the SVG only specifies a viewport, but no width and height, make sure the aspect is preserved like so:

<svg version="1.1" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
viewBox="0 0 1024 768"
preserveAspectRatio="xMidYMid meet">

Use the <object> tag to embed the image (not <img>), set the width and height of the object to 100%:

<object height="100%" width="100%"
data="/path/to/your/image.svg" type="image/svg+xml">
<!-- put content for old browsers or IE here, it
will get displayed instead of the SVG. You can
embed a raster version of the image here, but remember it
will get loaded by the SVG capable browsers as well,
even if they don't display it! That may slow your
page down significantly. -->
</object>

Wrap the object in a div with which you control the actual size. You should be able to use absolute & relative sizes. I use em like so:

<div style="width:10em;height:5em">
<object ....
</object>
</div>
xml  svg  webdevel  browserquirks  solution 
july 2014 by kme
html - Add a Link Around an Embedded Flash File - Stack Overflow
This might be a workable solution for embeds with SVGs inside, too.
webdevel  html  hacks  tipsandtricks  svg  embed  flash  maybesolution 
july 2014 by kme
Mozilla SVG Project Frequently Asked Questions
This is an XML debugging message to help XML authors correct errors in their XML documents. Mozilla will show this message when there's an XML well formedness error in the file it tried to load. (It doesn't mean there's an error in Mozilla.) There are many different XML errors, but the most common one in SVG files is "XML Parsing Error: prefix not bound to a namespace". This is (almost certainly) because the 'xmlns:xlink' attribute has been used in the file without including the following two namespace bindings on the root <svg> tag.

<svg xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink">
xml  svg  validation  errormessage  solution 
july 2014 by kme
Bug 366532 – handle svg thumbmailer (libcroco) crash more gracefully
Maybe solution to SVG thumbnails causing Nautilus to crash: deleting the thumbnail cache. ( I used Bleachbit.)

I've discovered that the problem was caused by an image file on my desktop. It seems to have been the SVG thumbnailer that was the cause of the crash. I moved the image and then Nautilus was able to continue properly.
gnome  nautilus  bug  thumbnailer  maybesolution  svg  icon 
october 2011 by kme

Copy this bookmark:





to read