[svg-developers] Inlining of image/bitmap data?
-BEGIN PGP SIGNED MESSAGE- Hash: SHA1 Hi all, I'm coding an Open Source GUI for creating eLearning (www.flameproject.org). At the stage of writing the initial output side of things (animated SVG and Flash). Looking around for how to embed bitmap/image data inside an SVG, but can't seem to find it. _Can_ find info on how to reference an external image. i.e. image href=/some/external/path/image.gif width=50 height=50 / But that seems very non-practical for my kind of application. Is it even possible to embed/inline bitmap data into an SVG? I'm starting to think it's just not possible. :( Regards and best wishes, Justin Clift -BEGIN PGP SIGNATURE- Version: GnuPG v1.4.2.2 (GNU/Linux) Comment: Using GnuPG with Mozilla - http://enigmail.mozdev.org iD8DBQFEUQIjFAuZn5lS2IMRAt+AAKC3FqGXVs8MSrFeu8HMkHloHBX/QwCgzTIh SNvgCrprm0jKaIMl6jTjKS4= =JHwv -END PGP SIGNATURE- - To unsubscribe send a message to: [EMAIL PROTECTED] -or- visit http://groups.yahoo.com/group/svg-developers and click edit my membership Yahoo! Groups Links * To visit your group on the web, go to: http://groups.yahoo.com/group/svg-developers/ * To unsubscribe from this group, send an email to: [EMAIL PROTECTED] * Your use of Yahoo! Groups is subject to: http://docs.yahoo.com/info/terms/
Re: [svg-developers] Inlining of image/bitmap data?
Hi Justin, This is possible - don't despair. :-) Image data can be embedded as base64 encoded data. I don't have an example handy unfortunately. Maybe someone else will be able to post more info. Guy Justin Clift wrote: -BEGIN PGP SIGNED MESSAGE- Hash: SHA1 Hi all, I'm coding an Open Source GUI for creating eLearning (www.flameproject.org). At the stage of writing the initial output side of things (animated SVG and Flash). Looking around for how to embed bitmap/image data inside an SVG, but can't seem to find it. _Can_ find info on how to reference an external image. i.e. image href=/some/external/path/image.gif width=50 height=50 / But that seems very non-practical for my kind of application. Is it even possible to embed/inline bitmap data into an SVG? I'm starting to think it's just not possible. :( Regards and best wishes, Justin Clift -BEGIN PGP SIGNATURE- Version: GnuPG v1.4.2.2 (GNU/Linux) Comment: Using GnuPG with Mozilla - http://enigmail.mozdev.org iD8DBQFEUQIjFAuZn5lS2IMRAt+AAKC3FqGXVs8MSrFeu8HMkHloHBX/QwCgzTIh SNvgCrprm0jKaIMl6jTjKS4= =JHwv -END PGP SIGNATURE- - To unsubscribe send a message to: [EMAIL PROTECTED] -or- visit http://groups.yahoo.com/group/svg-developers and click edit my membership Yahoo! Groups Links - To unsubscribe send a message to: [EMAIL PROTECTED] -or- visit http://groups.yahoo.com/group/svg-developers and click edit my membership Yahoo! Groups Links * To visit your group on the web, go to: http://groups.yahoo.com/group/svg-developers/ * To unsubscribe from this group, send an email to: [EMAIL PROTECTED] * Your use of Yahoo! Groups is subject to: http://docs.yahoo.com/info/terms/
Re: [svg-developers] Inlining of image/bitmap data?
You can also use: http://www.motobit.com/util/base64-decoder-encoder.asp where you can import your image file then have it encoded into base64 format. THEN append this data:image/png;base64, in front. (for png) or data:image/tif;base64, for tif .. so on. (all the comma and the colum,semi-column should be exact) Good luck. Phi On 4/27/06, John Coe [EMAIL PROTECTED] wrote: there was a sample of inline image on Adobe's page, it looks like they removed it, but I found a copy of it here:( this one is inside a html page) http://www.dcs.shef.ac.uk/~davea/Library/images/SVGAbout.svg here is a page with some documentation: http://www.focusresearch.com/gw/?p=165 the one I have saved on my machine is pure svg, it looks like the image is stored and displayed in the style sheet like this: svg width=505 height=366 viewBox=0 0 505 366 xmlns:adobe=http://ns.adobe.com/AdobeSVGViewerExtensions/2.0/; style type=text/css ![CDATA[ @font-face{font-family:'AdobeCorpID-MyriadPkg';src:url(data:;base64,\ T1RUTwADACAAAQAQQ0ZGIIG/LWA8AAAd3EdQT1MFWIHmAAAeyAAADXBjbWFwQsH/+gAAHhgA\ AACwAQAEAgABAQEWQWRvYmVDb3JwSUQtTXlyaWFkUGtnAAEBASD4GwH4FgRe+476XvnQBR0AAKYs\ DfdbD/d9EdwcHYsSAAEBAX9Db3B5cmlnaHQgKGMpIDE5OTMsIDE5OTUgQWRvYmUgU3lzdGVtcyBJ\ Is there some reason that an external image is better? This looks pretty criptic and complex. Justin Clift [EMAIL PROTECTED] wrote: -BEGIN PGP SIGNED MESSAGE- Hash: SHA1 Hi all, I'm coding an Open Source GUI for creating eLearning (www.flameproject.org ). At the stage of writing the initial output side of things (animated SVG and Flash). Looking around for how to embed bitmap/image data inside an SVG, but can't seem to find it. _Can_ find info on how to reference an external image. i.e. image href=/some/external/path/image.gif width=50 height=50 / But that seems very non-practical for my kind of application. Is it even possible to embed/inline bitmap data into an SVG? I'm starting to think it's just not possible. :( Regards and best wishes, Justin Clift -BEGIN PGP SIGNATURE- Version: GnuPG v1.4.2.2 (GNU/Linux) Comment: Using GnuPG with Mozilla - http://enigmail.mozdev.org iD8DBQFEUQIjFAuZn5lS2IMRAt+AAKC3FqGXVs8MSrFeu8HMkHloHBX/QwCgzTIh SNvgCrprm0jKaIMl6jTjKS4= =JHwv -END PGP SIGNATURE- - To unsubscribe send a message to: [EMAIL PROTECTED] -or- visit http://groups.yahoo.com/group/svg-developers and click edit my membership - YAHOO! GROUPS LINKS Visit your group svg-developers on the web. To unsubscribe from this group, send an email to: [EMAIL PROTECTED] Your use of Yahoo! Groups is subject to the Yahoo! Terms of Service. - - How low will we go? Check out Yahoo! Messenger's low PC-to-Phone call rates. [Non-text portions of this message have been removed] - To unsubscribe send a message to: [EMAIL PROTECTED] -or- visit http://groups.yahoo.com/group/svg-developers and click edit my membership Yahoo! Groups Links [Non-text portions of this message have been removed] - To unsubscribe send a message to: [EMAIL PROTECTED] -or- visit http://groups.yahoo.com/group/svg-developers and click edit my membership Yahoo! Groups Links * To visit your group on the web, go to: http://groups.yahoo.com/group/svg-developers/ * To unsubscribe from this group, send an email to: [EMAIL PROTECTED] * Your use of Yahoo! Groups is subject to: http://docs.yahoo.com/info/terms/
Re: [svg-developers] Inlining of image/bitmap data?
Oh. Something I forget: I have NO LUCK on IE(4,5,6) when using bae64 data encoding (except on mime). Maby when you go thur ASV there is different. On 4/27/06, Phi Tran [EMAIL PROTECTED] wrote: You can also use: http://www.motobit.com/util/base64-decoder-encoder.asp where you can import your image file then have it encoded into base64 format. THEN append this data:image/png;base64, in front. (for png) or data:image/tif;base64, for tif .. so on. (all the comma and the colum,semi-column should be exact) Good luck. Phi On 4/27/06, John Coe [EMAIL PROTECTED] wrote: there was a sample of inline image on Adobe's page, it looks like they removed it, but I found a copy of it here:( this one is inside a html page) http://www.dcs.shef.ac.uk/~davea/Library/images/SVGAbout.svghttp://www.dcs.shef.ac.uk/%7Edavea/Library/images/SVGAbout.svg here is a page with some documentation: http://www.focusresearch.com/gw/?p=165 the one I have saved on my machine is pure svg, it looks like the image is stored and displayed in the style sheet like this: svg width=505 height=366 viewBox=0 0 505 366 xmlns:adobe=http://ns.adobe.com/AdobeSVGViewerExtensions/2.0/ style type=text/css ![CDATA[ @font-face{font-family:'AdobeCorpID-MyriadPkg';src:url(data:;base64,\ T1RUTwADACAAAQAQQ0ZGIIG/LWA8AAAd3EdQT1MFWIHmAAAeyAAADXBjbWFwQsH/+gAAHhgA\ AACwAQAEAgABAQEWQWRvYmVDb3JwSUQtTXlyaWFkUGtnAAEBASD4GwH4FgRe+476XvnQBR0AAKYs\ DfdbD/d9EdwcHYsSAAEBAX9Db3B5cmlnaHQgKGMpIDE5OTMsIDE5OTUgQWRvYmUgU3lzdGVtcyBJ\ Is there some reason that an external image is better? This looks pretty criptic and complex. Justin Clift [EMAIL PROTECTED] wrote: -BEGIN PGP SIGNED MESSAGE- Hash: SHA1 Hi all, I'm coding an Open Source GUI for creating eLearning ( www.flameproject.org). At the stage of writing the initial output side of things (animated SVG and Flash). Looking around for how to embed bitmap/image data inside an SVG, but can't seem to find it. _Can_ find info on how to reference an external image. i.e. image href=/some/external/path/image.gif width=50 height=50 / But that seems very non-practical for my kind of application. Is it even possible to embed/inline bitmap data into an SVG? I'm starting to think it's just not possible. :( Regards and best wishes, Justin Clift -BEGIN PGP SIGNATURE- Version: GnuPG v1.4.2.2 (GNU/Linux) Comment: Using GnuPG with Mozilla - http://enigmail.mozdev.org iD8DBQFEUQIjFAuZn5lS2IMRAt+AAKC3FqGXVs8MSrFeu8HMkHloHBX/QwCgzTIh SNvgCrprm0jKaIMl6jTjKS4= =JHwv -END PGP SIGNATURE- - To unsubscribe send a message to: [EMAIL PROTECTED] -or- visit http://groups.yahoo.com/group/svg-developers and click edit my membership - YAHOO! GROUPS LINKS Visit your group svg-developers on the web. To unsubscribe from this group, send an email to: [EMAIL PROTECTED] Your use of Yahoo! Groups is subject to the Yahoo! Terms of Service. - - How low will we go? Check out Yahoo! Messenger's low PC-to-Phone call rates. [Non-text portions of this message have been removed] - To unsubscribe send a message to: [EMAIL PROTECTED] -or- visit http://groups.yahoo.com/group/svg-developers and click edit my membership Yahoo! Groups Links [Non-text portions of this message have been removed] - To unsubscribe send a message to: [EMAIL PROTECTED] -or- visit http://groups.yahoo.com/group/svg-developers and click edit my membership Yahoo! Groups Links * To visit your group on the web, go to: http://groups.yahoo.com/group/svg-developers/ * To unsubscribe from this group, send an email to: [EMAIL PROTECTED] * Your use of Yahoo! Groups is subject to: http://docs.yahoo.com/info/terms/
Re: [svg-developers] Inlining of image/bitmap data?
-BEGIN PGP SIGNED MESSAGE- Hash: SHA1 Phi Tran wrote: snip Hi Justin! Let me know if you 'really' want to do it. You can do simple object (about 5k) to write your embeded anything to the local file. Then href to there. We have done similar and it works beautifully. Thanks Phil. :) For the application I'm working on, it really needs to have the resulting .svg(z) file be completely self contained. i.e. one file has all the elements needed. If it generated images into separate files instead, it would be a major pain for people to deal with. Thanks for the thoughts though! Regards and best wishes, Justin Clift Have fun. Phi -BEGIN PGP SIGNATURE- Version: GnuPG v1.4.2.2 (GNU/Linux) Comment: Using GnuPG with Mozilla - http://enigmail.mozdev.org iD8DBQFEUaB4FAuZn5lS2IMRAjy4AJ4iJHMeQjAGR4mwBOYH9R343nDtYwCgkaYf qa1u2ftoGlAUUYi+soeAs1o= =YjHd -END PGP SIGNATURE- - To unsubscribe send a message to: [EMAIL PROTECTED] -or- visit http://groups.yahoo.com/group/svg-developers and click edit my membership Yahoo! Groups Links * To visit your group on the web, go to: http://groups.yahoo.com/group/svg-developers/ * To unsubscribe from this group, send an email to: [EMAIL PROTECTED] * Your use of Yahoo! Groups is subject to: http://docs.yahoo.com/info/terms/
Re: [svg-developers] Inlining of image/bitmap data?
-BEGIN PGP SIGNED MESSAGE- Hash: SHA1 Cameron McCormack wrote: Guy Morton: This is possible - don't despair. :-) Image data can be embedded as base64 encoded data. I don't have an example handy unfortunately. Maybe someone else will be able to post more info. Hixie's data: URI kitchen page is good: http://software.hixie.ch/utilities/cgi/data/data Just upload the image with the file upload form field with the base64 box ticked and you'll get back a data: URI that represents your image. Cool, that's useful, thanks. :) Regards and best wishes, Justin Clift -BEGIN PGP SIGNATURE- Version: GnuPG v1.4.2.2 (GNU/Linux) Comment: Using GnuPG with Mozilla - http://enigmail.mozdev.org iD8DBQFEUaCzFAuZn5lS2IMRAq1DAJ46ZT1SAQVYW4ZddL8JJAQA/X36/gCgpX9i nPLMB1Jxo5ibu5N/ZcHGe1g= =s20B -END PGP SIGNATURE- - To unsubscribe send a message to: [EMAIL PROTECTED] -or- visit http://groups.yahoo.com/group/svg-developers and click edit my membership Yahoo! Groups Links * To visit your group on the web, go to: http://groups.yahoo.com/group/svg-developers/ * To unsubscribe from this group, send an email to: [EMAIL PROTECTED] * Your use of Yahoo! Groups is subject to: http://docs.yahoo.com/info/terms/
Re: [svg-developers] Inlining of image/bitmap data?
-BEGIN PGP SIGNED MESSAGE- Hash: SHA1 John Coe wrote: there was a sample of inline image on Adobe's page, it looks like they removed it, but I found a copy of it here:( this one is inside a html page) http://www.dcs.shef.ac.uk/~davea/Library/images/SVGAbout.svg Heh, don't try viewing that with standard FireFox, it just comes up with an XML Parsing Error page. :( here is a page with some documentation: http://www.focusresearch.com/gw/?p=165 Now *that's* got some useful looking links in it too. :) I'll likely need to embed fonts in my output svg so that helps in multiple ways. (Hmmm, I'll need to learn how fonts are supposed to be represented too, I guess). the one I have saved on my machine is pure svg, it looks like the image is stored and displayed in the style sheet like this: svg width=505 height=366 viewBox=0 0 505 366 xmlns:adobe=http://ns.adobe.com/AdobeSVGViewerExtensions/2.0/; style type=text/css ![CDATA[ @font-face{font-family:'AdobeCorpID-MyriadPkg';src:url(data:;base64,\ T1RUTwADACAAAQAQQ0ZGIIG/LWA8AAAd3EdQT1MFWIHmAAAeyAAADXBjbWFwQsH/+gAAHhgA\ AACwAQAEAgABAQEWQWRvYmVDb3JwSUQtTXlyaWFkUGtnAAEBASD4GwH4FgRe+476XvnQBR0AAKYs\ DfdbD/d9EdwcHYsSAAEBAX9Db3B5cmlnaHQgKGMpIDE5OTMsIDE5OTUgQWRvYmUgU3lzdGVtcyBJ\ Is there some reason that an external image is better? This looks pretty criptic and complex. Hmm, methinks you did a typo there, meaning to ask why external images aren't better? Yep, the application I'm creating is to generate animations/simulations of applications. For example, it takes screenshots of an application (i.e. OpenOffice), then in editing mode the user can highlight areas of the screenshot, apply text to it, etc. Useful way of creating learning to teach people how to use a given application (i.e. OpenOffice again). These are examples of the kind of thing my application will create, but were done with a product called Macromedia Captive (it outputs flash files): http://www.digitaldistribution.com/about/lessons/ Aiming initially for the same kind of thing, but also with SVG support, and once that's happening I'll start things added that Flash can't do. i.e. support for right-mouse click events (very important for my kind of app). Regards and best wishes, Justin Clift -BEGIN PGP SIGNATURE- Version: GnuPG v1.4.2.2 (GNU/Linux) Comment: Using GnuPG with Mozilla - http://enigmail.mozdev.org iD8DBQFEUaOHFAuZn5lS2IMRAiaIAKDRUGZri0K0/dp9b+H35pAYWFWkKgCgtHXs 0s1SZW4uYvqxAF2SfebDd8o= =hXBq -END PGP SIGNATURE- - To unsubscribe send a message to: [EMAIL PROTECTED] -or- visit http://groups.yahoo.com/group/svg-developers and click edit my membership Yahoo! Groups Links * To visit your group on the web, go to: http://groups.yahoo.com/group/svg-developers/ * To unsubscribe from this group, send an email to: [EMAIL PROTECTED] * Your use of Yahoo! Groups is subject to: http://docs.yahoo.com/info/terms/