{var%20f='http://v.t.sina.com.cn/share/share.php?appkey=1515056452',u=z||d.location,p=['&url=',e(u),'&title=',e(t||d.title),'&source=',e(r),'&sourceUrl=',e(l),'&content=',c||'gb2312','&pic=',e(p||'')].join('');function%20a(){if(!window.open([f,p].join(''),'mb',['toolbar=0,status=0,resizable=1,width=440,height=430,left=',(s.width-440)/2,',top=',(s.height-430)/2].join('')))u.href=[f,p].join('');};if(/Firefox/.test(navigator.userAgent))setTimeout(a,0);else%20a();})(screen,document,encodeURIComponent,'','','https://www.manongdao.com/data/attach/logo/logo.png', '推荐 贼婆χ 的问题《create an SVG image with embedded base64 string fr》','https://www.manongdao.com/q-1248645.html','页面编码gb2312|utf-8默认gb2312'));){kind=link}
I have an SVG file that contains several elements (like path, circles, rectangles, etc.).
I'd like to convert that SVG file to an SVG with embedded base64 data instead of multiple elements. is it possible to do that with Batik?
The project I'm working on requires I use Java libraries only.
There's a technique which I've used to embed SVG images in Blogger posts which might work for this. Basically, it's a two-step process:
Here's a working example that I've tested with Batik. Say that you want to embed the following SVG document, circle.svg:
You can URL-encode it by passing its path to the following small Rhino script:
Of-course, if you want to do this programmatically in Java, then you'll need a Java-specific method of serializing the SVG document and URL-encoding the string.
This gives you the document as a URL-encoded string:
You can then embed this document by using it in a data URI, which looks like this:
For example, the following HTML document uses an object tag and the data URI to embed the SVG document:
You can do the same thing with the xlink:href attribute of an SVG 'use' element, with one caveat: it's illegal to reference a full document. Instead, you need to reference an element in the document by its id, and that element will be deep-cloned into the SVG host document. In this example, the SVG document root element is reference by its id "the_svg" (note the hash tag at the end of URI).
FYI, this works well in Batik 1.7 (tested in the Squiggle browser), but not Chromium or Firefox.