SVG Image blurred

Hi,
I am using an SVG image to be displayed on a pdf file.But the quality of image on pdf is not very clear.I had took printout of SVG object and pdf file and checked for the difference.SVG object printout is crystal clear and pdf printout is dotted and blurred.Is there anyway i can improve the quality of the image so generated on PDF?
regards,
Ravi Kumar.

Hi Rick,Sacha
Actually my SVG image doesn't possess any embedded images.It just consists of a text and a barcode which is to be displayed on a pdf file.I am observing the quality of the pdf to be very low after rendering.It's showing in the form of close dots.But the size of dots are huge enough to be noticed.(Pdf printout is not getting printed properly).
I had tried converting into .png and .jpeg format and observed the images.It's showing up in the same way.It may be due to sharp changes in contrast as Sacha mentioned.Is there any way in which i can improve the quality of image.I don't mine if i get the output in other format but it should be in a good printable format?
Regards,
Ravi Kumar.

Similar Messages

My web page uses svg images, but when the svg's are printed by Firefox they are rasterized at the wrong resolution.

I have produced a web page which uses svg images. One of these is here:
http://donwagner.dk/JZSS5.4.svg.
The svg's are produced by Adobe Illustrator, version CS5. Viewed in any browser the images look good at any magnification, but when I print the page in Firefox the image is seriously blurred, seemingly because the rasterization uses the wrong resolution.
The same happens in all browsers, not quite so bad in Chrome but still not perfect.
Do you have plans to fix this bug, or do you have a workaround?
Regards
Don Wagner

In my experience, print quality settings such as dpi/ppi are hidden in your printer driver settings and not directly available through Firefox's UI. In the print dialog, if you click the Properties button, you hopefully will gain access to this setting. Obviously native web resolution (96ppi) can give disappointing results, so hopefully you can find a place to increase it.

SVG image does not appear in mobile version but does in desktop version

Hi,
I am new to using Muse and have created only one site before in Muse. I have taken screenshots to show the problem I am having.
I have used Illustrator to create the following logo image that I save out as an SVG file:
As you've probably guessed, I have used clipping mask to insert the marbly purple image into the shapes and text (this may be relevant to the problem, I don't know).
I then save it out as an SVG with the following details as advised by Adobe:
Then moving into Muse, I File > Place the SVG file. 'Unable to generate thumbnail' comes up in both desktop and phone versions:
Regardless, I uploaded to FTP post to my website. While the SVG appears perfectly on my desktop browser, it does not show at all on my phone browser:
This is not only happening on my phone, I have visited the same website on multiple phone devices and still the SVG image does not appear. Any ideas why this is happening?
Have I totally missed something about file formats for mobile browser versions in Muse?
Also- in illustrator, I saved the SVG logo for the mobile version as a SMALLER SVG than the one I saved for the desktop version.
Thanks

Use a PNG file. I see nothing in your logo that would warrant using anything else. You're not scaling it, there is no interaction and all you are doing is masking out some data that is pixels already. Pardon me, but using an SVG makes no sense at all. Beyond that one would need to see the file, but my guess would be that the "responsive" setting once again embeds some garbage data. Wouldn't be the first time...
Mylenium

Adobe Edge Animate CC crashes when using big SVG images

Hi!
When I import SVG files to Edge Animate it freezes and I can't do something with that.
I tried to import one file at a time and it worked fine but when I save project and close program and then open my project again Edge Animate just crashes.
Also I tried to import very small images (100px x 100px) and then scale them to size I need and it causing app crash too.
I'm using Mac OS X 10.9.4

I already found cause of this problem.
When you import SVG to Edge Animate it gives your SVG width and height 10 times more then original size of image and transform: scale(0.1). So when you import 5 SVG images 500x500 Adobe Edge makes them 5000x5000.
So that's cause app freezing and bad SVG displaying in browsers.
Always change scale(0.1) to scale(1) and reduce size from 5000px to 500px for example.
Best regards,
Alexey Prilovski.

How to place SVG image in web page?

Attempting to use an SVG image for first time, saved out of
Illustrator CS3. When I try to place it on a web page in
Dreamweaver CS3, .svg file is greyed out. Dragging it onto page in
design view just makes a text link to the image, that has to be
clicked to display the SVG. What I really want to do is use SVG
file as a background image (800 x 600 px) that scales to fill
browser window - is that possible?
System: Mac OS X 10.4.11

There is no reliable way to size an 800 x 600 background
image up or down
according to viewport size. You could center the page. Thus
your BG image
would move to center with page color appearing on either side
on wider
displays.
800 x 600 background image is quite large by web standards.
Most web
designers prefer to use small images or slices and then tile
or repeat them
horizontally and/or vertically.
Examples here:
http://alt-web.com/Backgrounds.shtml
--Nancy O.
Alt-Web Design & Publishing
www.alt-web.com
"driprint" <[email protected]> wrote in
message
news:fsk89k$e83$[email protected]..
> Attempting to use an SVG image for first time, saved out
of Illustrator
CS3.
> When I try to place it on a web page in Dreamweaver CS3,
.svg file is
greyed
> out. Dragging it onto page in design view just makes a
text link to the
image,
> that has to be clicked to display the SVG. What I really
want to do is use
SVG
> file as a background image (800 x 600 px) that scales to
fill browser
window -
> is that possible?
> System: Mac OS X 10.4.11
>
>
>

White lines in *.SVG-images

When I'm placing a *.SVG-image in Muse, I get a thick white line in the bottom and a thinner white line to the right in the placed image. These lines kan not be removed in Muse. What do I do wrong?

For now the only fix is this choice:
1. Register for Adobe's beta program, sign a NDA and then see if the beta of Muse fixes SVG issues.
2. Wait for the next official point release of Muse.
Muse 2014.2 was released in early October. I'm wondering when "2014.3" will be released. Previously a lot of the point releases came every 2 or maybe 3 months. We're now at four months and counting between point releases. That's kind of a long time to wait for getting a pretty obvious bug fixed, such as the white underline problem in SVG images. I thought Adobe's engineers would have addressed that one pretty quickly.
Sidetrack:
I can only guess what's going on behind the scenes at Adobe. Perhaps they're making some pretty big, fundamental changes to Muse to make the application a whole lot better. I hope Adobe's engineers aren't getting sidetracked by armchair quarterback nonsense coming from stock investors. Creative Cloud subscription numbers are rising, but Adobe's margins have been shrinking, in part because of lots of research & development (good for us users). So lots of stock buyers are telling Adobe what they need to do, and some are suggesting they put a lot more of their resources behind sales and marketing tools. Adobe announced a $2 billion stock buy-back program in January (after finishing the previous one). Investors are very impatient. They're complaining about the hit to revenue over the transition from boxed perpetual license software to a subscription only model. The investors don't understand creative professionals are literally going to get forced onto Creative Cloud as they get rid of older, slower computers. They also don't seem privy to Adobe's growth in some other niches, like video. Premiere Pro has been surging in popularity at the expense of Final Cut and Avid. It reminds me of how InDesign rose to dominate Quark Xpress.
I don't like having to pay a subscription for Adobe applications, but for my work I am stuck with it. Adobe doesn't have enough credible competition to change that. And Adobe's competitors are trying to jump on the subscription model too.

Still images blurred

Why are all my still images blurred?
I am new to video editing.
I set up CS3PP to default Pal and placed the images on the time line and set to 'scale to frame" size.
I can see that the images have lost their quality in the Program Monitor screen but the images are clear in the Source Monitor screen
I viewed the images in Windows Media Player and they're blurred.
I made a test CD and the images are blurred on the TV "standard pal TV".

If your source images have a significantly greater frame size than your PAL project, then considerable loss of quality is inevitable when you convert to video. Interlacing further reduces the vertical resolution for DVD video.
That's the price you pay for using video to show stills. Maybe you should consider an alternative way to publish your stills if you want to retain quality. For example, a program like Irfan View (or one of the many others) that offer a slide show of full-resolution images on a computer screen.

SVG-Images in Reports 11g?

Hi all,
does Reports 11g support the SVG images?
I get the follwing errors;
REP-606: Internal error writing the image null
REP-0606: Link file C:\Temp\test.svg cannot be read.
The file C:\Temp\test.svg exists.
Regards

Hi,
for clarification purposes. SVG image format is only supported as output for reports graphs. If trying to link or use a SVG image in a report it wont work as that format is only supported for graph outputs.
Something to have in mind when running reports with graphs and using OUTPUTGRAPHFORMAT=svg. If using SVG in uppercase it wont run and fail with the following errors
REP-62204: Internal error writing the image null
REP-0069: An internal error occurred
If running in lower case OUTPUTGRAPHFORMAT=svg it will work as expected and you will get a svg image for your graph.
Hope it helps, Roberto

My MIDlet cant accept SVG image Created with Inkscape and Adope Illustrator

Hi I am a kenyan Mobile application developer, I have made acouple of Midlets that call SVG images that I developed ysing inkscape 0.45 and finished in Adope illustrator. What can be the matter? or what SVG creator should I use? Pliz help.
Thanx

if your target device(s) support [JSR 226 J2ME SVG|http://www.jcp.org/en/jsr/detail?id=226|specification here] API, then it should be capable to +"...load and render external 2D vector images, stored in the *W3C SVG Tiny* format..."+

SVG image in Servlet

Hello,
I need to run an SVG file from a servlet so I embedded it like this:
out.println("<HTML>");
out.println("<embed src=\"draw_objects1.svg\" width=\"350\" height=\"176\" type=\"image/svg+xml\">");
out.println("</HTML>");
and I am using:
res.setContentType("text/html");
When I try to run my servlet as localhost:80/servlet/draw_svg I am only getting an empty box defined by width and height but I don't see the actual svg image. Does anybody know what the problem could be? I put the 'draw_objects1.svg' where my servlet class is but I still can't see the image. Please help.
Thank you,
Victor.

Hello,
I've solved the problem. It worked when I embedded my svg using url source
out.println("<embed src=\"http://localhost:8081/draw_objects1.svg\" width=\"350\" height=\"176\" type=\"image/svg+xml\">");
Thank you,
Victor.

How does Firefox handle xml:base when generating GET requests for SVG image elements?

I am loading an SVG image at the following URL:
http://localhost/howl/svg/id/543
The source for this SVG code is:
<svg xml:base="/howl/">
<svg width="535" height="325" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink">
<image xlink:href="file/id/532" />
</svg>
</svg>
As you can see, the SVG code is located at one path, but the <image> is relative to the root, hence the wrapping xml:base attribute.
The actual requests in Firefox, according to Tomcat Logging are:
GET /howl/svg/id/543
GET /howl/file/id/532
However, Firebug's Net tab shows these requests:
GET /howl/svg/id/543
GET /howl/svg/id/file/id/532 (Incorrect, doesn't happen)
GET /howl/file/id/532
When I test the same thing in Safari and Chrome, all three GET requests actually happen, the incorrect one resolving in a 404.
I suspect that Firefox is generating all three requests, but discarding the incorrect one and Firebug is not aware of this. As a result, Firebug shows all three requests, but the incorrect one never resolves.
So, I'm curious about the behavior or whether I am doing this incorrectly.
Thanks!

A good place to ask questions and advice about web development is at the mozillaZine Web Development/Standards Evangelism forum.<br />
The helpers at that forum are more knowledgeable about web development issues.<br />
You need to register at the mozillaZine forum site in order to post at that forum.<br />
See http://forums.mozillazine.org/viewforum.php?f=25

Making a TTF font file from set of SVG images

Hi,
I produced a large set of Egyptian Hieroglyph outlines in SVG file format and I would like to produce a TTF font file using these images ( http://www.qsl.net/5b4az/pages/egypt.html ).
Is there an application or some other way to consolidate these SVG image files into a TTF font file please? Without having to import them one at a time? (there is 1070 of these!)
My thanks in advance.

thisoldman wrote:I've looked into this and there is no easy way to be found. But I did find this python script: http://tinkerhouse.net/log/python-fontf … a-godsend/.
Thank you, I will see if I can modify it for my needs.
For fonts with good selections of Egyptian hieroglyphs, you might look at NewGardiner.ttf, http://www.cs.st-andrews.ac.uk/~mjn/egy … diner.html, and Aegyptus.otf, http://users.teilar.gr/~g1951d/.
I actually produced all these hieroglyph images by extracting the glyphs from Aegypus.otf into individual pgm image files and editing in the Gimp. I did this for the basic Gardiner set and the extra hieroglyphs suggested in the NewGardiner font. But as I put a lot of effort into retouching all these images, I would like to assemble them into a ttf font file. Just a thought.....

Error during "Save as XML" - SVG Image

Hi,
I am trying to save the book as XML (File à Save as XML), but its showing the attached error (FMError.PNG). FrameMaker created a error log and am pasting its header contents below.
=== Header Begin ===
Internal Error: 9004, 6920492, 9676798, 0
FrameMaker 9.0.0 for Intel
Build: 9.0p237
Window System: MSWindows
Operating System: Windows NT 6.1 (major.minor.build: 6.1.7600 )
Generated on: Wednesday, September 08, 2010 2:14:40 PM
To file: C:\Users\30088130\AppData\Roaming\Adobe\FrameMaker\9\FrameLog_10.09.08_14.14.40.txt
=== Header End ===
This errors occurs only if SVG images are present on the fm files.
Please help me on this.

I just tested with a small sample SVG file (from here:
http://www.w3schools.com/svg/tryit.asp?filename=ellipse1&type=svg )
and FM didn't crash when I did Save as XML. I put the SVG inside an anchored frame.
Could you test using that specific image and see if you get the crash or whether it's OK?
Unfortunately FM did clip the right side of the image when the image is displayed, and also when the image is saved to XML (it was converted to GIF in the export).
Googling for "svg framemaker" brought up some old Framers list references to other issues with FM's SVG handling.
I also notice that in the maker.ini there is a commented out reference to an SVG import filter in the APIClients section:
;SVG Import=FileToFileGFXImport, SVG, FrameImage, SVG, ORBL, SVG, SVG, filters\svgfilter.dll,all,^.svg
SVG Import=FileToFileGFXImport, SVG, PDF, SVG, ORBL, SVG, SVG, filters\svg2pdf.dll,all,^.svg
What it seems to be changing is that the second line will automatically convert SVG to PDF on import, so
you might try the other filter:
save a backup copy of the maker.ini, open the makier.ini in a text editor, then switch the semi-colon to the next line, save, and test to see whether you get any better results.
Have you been able to successfully export any files with SVG, or does the problem only occur with some files?
Also, exactly how are you importing the problem SVG file into FM? Referenced or embedded, is it on a body page, master page, in an anchored graphic frame or not, etc? Do you know what application was used to create the SVG files?
Sheila

Show SVG-Image in WebView

Hello everybody,
I would like to reopen the following discussion: Show SVG-Image in WebView (JavaFX 8)
In our IDE (Eclipse Luna) running with jdk1.8.0_25 we load a html page into the webengine. The html page contains <img> tags with '.png' and '.svg' as src. Everything looks fine.
But if we execute the programm with java -jar, the WebEngine doesn't display the svg-files. Instead it shows the 'File not find'-Icon. The .png files still work
The files are definitly included into the jar and will be displayed if we link to them via <a href="someSvg.svg"></a>
So actually we have no idea why it doesn't work.
Any ideas ?
Greatings
Julian

Often the cause of things working in an IDE where things aren't packaged into a JAR but not working outside the IDE when things are packaged in JARs:
1. The relevant files aren't included in the JARs (based on the info in your question, this is not the case for you).
2. Your application is coded to use a file protocol or the File class rather than using getResource (again from the info in your question this is probably not the case for you).
3. You are using relative parent links (such as ..) in relative path references - these don't work inside Jar files - all references must be absolute, or relative to the current resource location or a child of that (e.g. ../myimage.svg won't work, but /myimage.svg or myimage.svg or /imgs/myimage.svg or imgs/myimage.svg will as long as the image is in the correct location). This is probably too internally for things as well (for example if your html or svg file has an external reference).
So perhaps none of the above are your actual issues, just mentioning them in case.

How to display dynamically generated SVG image

Hello, I need some help on this issue...
I need my page to display programmatically generated SVG image. but if i directly pass SVG string to the page like <h:outputText value="#{MyBean.SVGresult}"/> it will pop up a download dialog box. what should i do to properly include my svg into the page by using embed tag??

The h:graphicImage does not appear to handle svg; maybe it should be extended. I'm still looking for the best way to do it. I don't know if I have the right solution but here is what I have done so far. This will throw up a x, y polyline graph.
Put a panelGrid as place holder in the jsp
      <h:panelGrid title="Report" style="color=black" border="0" id="dataReports" columns="1" binding="#{dataAnalysis.dataReport}">
      </h:panelGrid>Then take a 'template' svg and fill it in with the dynamic additions and changes in the backing bean. In a submit action
                generateSVGGraph(twothetaArray, intensityArray);
                UIColumn c=new UIColumn();
                HtmlOutputText op=new HtmlOutputText();
                op.getAttributes().put("style","color=black");
                op.setTitle("header text");
                op.setValue("header text");
                c.setHeader(op);
                //c.getFacets().put()
                //c.getChildren().add("<embed src=\"../phase.svg\" align=\"left\" width=\"500\" height=\"500\" type=\"image/svg+xml\"/>");
                //javax.faces.webapp.UIComponentBodyTag embed=new javax.faces.webapp.UIComponentBodyTag();
                //javax.servlet.jsp.tagext.TagAdapter;
                com.hypernex.jsf.ext.html.HtmlEmbedGraphic embedGraphic=new com.hypernex.jsf.ext.html.HtmlEmbedGraphic();
                //embedGraphic.
                embedGraphic.getAttributes().put("src","../session/phase"+phaseGraphCount+".svg");
                embedGraphic.getAttributes().put("align","left");
                embedGraphic.getAttributes().put("width","600");
                embedGraphic.getAttributes().put("height","500");
                embedGraphic.getAttributes().put("type","image/svg+xml");
                c.getChildren().add(embedGraphic);
                 dataReport.getChildren().add(c);
               c=new UIColumn();
                op=new HtmlOutputText();
                op.getAttributes().put("style","color=black");
                op.setTitle("header text");
                op.setValue("header text");
                c.setHeader(op);
                HtmlOutputText out=new HtmlOutputText();
                out.getAttributes().put("style","color=black");
                //out.setTitle("Figure 1. Powder intensity as dependent on 2θ.");
                out.setValue("Figure "+phaseGraphCount+". Powder intensity as dependent on 2Theta.");
                c.getChildren().add(out);
                dataReport.getChildren().add(c);
...generateSVGGraph
    protected void generateSVGGraph(double[] x, double[] y)
        //FacesContext context = FacesContext.getCurrentInstance();
        //context.
        //Create an svg graph of the equation.
        org.apache.batik.dom.svg.SAXSVGDocumentFactory svgFactory=new org.apache.batik.dom.svg.SAXSVGDocumentFactory("org.apache.xerces.parsers.SAXParser");
           org.apache.batik.dom.svg.SVGDOMImplementation svgDOMImplementation=new org.apache.batik.dom.svg.SVGDOMImplementation();
        org.w3c.dom.DocumentType dt=null;//svgDOMImplementation.createDocumentType("svg","-//W3C//DTD SVG 1.1//EN",f.toURI().toString());
        //System.out.println(dt);
     org.w3c.dom.svg.SVGDocument svgOMDocument=null;
        try
            System.out.println("dir "+(new java.io.File(".")).toURI().toString());
            svgOMDocument=(org.w3c.dom.svg.SVGDocument)svgFactory.createDocument((new java.io.File("../webapps/jsf-wita/siteadmin/templates/graph-template.svg")).toURI().toString(), new java.io.FileInputStream(new java.io.File("../webapps/jsf-wita/siteadmin/templates/graph-template.svg")));//new org.apache.batik.dom.svg.SVGOMDocument(dt, (org.w3c.dom.DOMImplementation)svgDOMImplementation);
            org.w3c.dom.svg.SVGSVGElement root=svgOMDocument.getRootElement();
                    org.apache.batik.dom.svg.SVGOMGElement primary_g=new org.apache.batik.dom.svg.SVGOMGElement("", (org.apache.batik.dom.AbstractDocument)svgOMDocument);
                    primary_g.setAttribute("style","stroke:black; fill:none; stroke-width:1");
                    root.appendChild(primary_g);
                    //double[] x=new double[4*90];
                    //double[] y=new double[x.length];
                    //x[0]=(double)(1)/4.0;
                        //methodArgs[0]=new Double(Math.toRadians(x[0]));
                    //y[0]=((Double)method.invoke(mathmlObject, methodArgs)).doubleValue();
                    double xMin=x[0];
                    double yMin=y[0];
                    double xMax=x[x.length-1];
                    double yMax=xMax;
                    double xOfyMax=yMin;
                    StringBuffer points=new StringBuffer();
                    for(int index=0;index<x.length-1;index++)
                        //System.out.println(x[index]+" "+y[index]);
                        //x[index]=(double)(index+1)/4.0;
                        //methodArgs[0]=new Double(Math.toRadians(x[index]));
                        //y[index]=((Double)method.invoke(mathmlObject, methodArgs)).doubleValue();
                        double cx=x[index];
                        double cy=y[index];
                        //if(xMin>cx)xMin=cx;
                        if(yMin>cy)yMin=cy;
                        //if(xMax<cx)xMax=cx;
                        if(yMax<cy)
                         xOfyMax=cx;
                         yMax=cy;
                    org.w3c.dom.svg.SVGTextElement xLabel=(org.w3c.dom.svg.SVGTextElement)svgOMDocument.getElementById("xLabel");
                    xLabel.getFirstChild().setNodeValue("2?");//?");
                    org.w3c.dom.svg.SVGTextElement xMinimumLabel=(org.w3c.dom.svg.SVGTextElement)svgOMDocument.getElementById("xMinimumLabel");
                    xMinimumLabel.getFirstChild().setNodeValue(ddf.format(xMin,4).toString());
                    org.w3c.dom.svg.SVGTextElement xMaximumLabel=(org.w3c.dom.svg.SVGTextElement)svgOMDocument.getElementById("xMaximumLabel");
                    xMaximumLabel.getFirstChild().setNodeValue(ddf.format(xMax,4).toString());
                    org.w3c.dom.svg.SVGTextElement yMinimumLabel=(org.w3c.dom.svg.SVGTextElement)svgOMDocument.getElementById("yMinimumLabel");
                    yMinimumLabel.getFirstChild().setNodeValue(ddf.format(yMin,4).toString());
                    org.w3c.dom.svg.SVGTextElement yMaximumLabel=(org.w3c.dom.svg.SVGTextElement)svgOMDocument.getElementById("yMaximumLabel");
                    yMaximumLabel.getFirstChild().setNodeValue(ddf.format(yMax,4).toString());
                    for(int index=0;index<x.length-1;index++)
                        points.append((x[index]-xMin)*500/(xMax-xMin));
                        points.append(",");
                        points.append((y[index]-yMin)*500/(yMax-yMin));
                        points.append(" ");
                    //System.out.println(points);
                    org.apache.batik.dom.svg.SVGOMGElement g=new org.apache.batik.dom.svg.SVGOMGElement("", (org.apache.batik.dom.AbstractDocument)svgOMDocument);
                    g.setAttribute("id",(String)"data");
                    g.setAttribute("transform", "translate(100, 550)");
                    g.setAttribute("style","stroke:black; fill:none; stroke-width:1");
                    org.apache.batik.dom.svg.SVGOMPolylineElement polyLine=new org.apache.batik.dom.svg.SVGOMPolylineElement("", (org.apache.batik.dom.AbstractDocument)svgOMDocument);
                    polyLine.setAttribute("fill", "none");
                    polyLine.setAttribute("stroke", "blue");
                    polyLine.setAttribute("transform", "scale(1, -1)");
                    polyLine.setAttribute("stroke-width", "1");
                    polyLine.setAttribute("points", points.toString());
                    g.appendChild(polyLine);
                    primary_g.appendChild(g);
                   javax.xml.transform.TransformerFactory tFactory = javax.xml.transform.TransformerFactory.newInstance();
                   javax.xml.transform.Transformer intermediateTransformer=tFactory.newTransformer(new javax.xml.transform.stream.StreamSource("../webapps/jsf-wita/stylesheets/identity.xsl"));
                                intermediateTransformer.setOutputProperty(OutputKeys.ENCODING, "iso-8859-1");
                                intermediateTransformer.setOutputProperty(OutputKeys.INDENT, "yes");
                     intermediateTransformer.transform(new javax.xml.transform.dom.DOMSource(svgOMDocument), new javax.xml.transform.stream.StreamResult(new java.io.FileOutputStream("../webapps/jsf-wita/session/phase"+phaseGraphCount+".svg")));
        catch(javax.xml.transform.TransformerConfigurationException tce)
            System.out.println("tce err: "+tce.getMessage());
        catch(javax.xml.transform.TransformerException te)
            System.out.println("te err: "+te.getMessage());
        catch(java.io.FileNotFoundException fnfe)
            System.out.println("fnfe:"+fnfe.getMessage());
        catch(java.io.IOException ioe)
            System.out.println("io:"+ioe.getMessage());
    HtmlEmbedGraphic.java
* HtmlEmbedGraphic.java
* Created on May 16, 2004, 8:12 AM
package com.hypernex.jsf.ext.html;
import javax.faces.component.UIComponent;
import javax.faces.context.FacesContext;
import javax.faces.context.ResponseWriter;
* @author hyperdev
public class HtmlEmbedGraphic extends javax.faces.component.UIComponentBase
    /** Creates a new instance of HtmlEmbedGraphic */
    public HtmlEmbedGraphic()
        super();
    public String getFamily()
        return "javax.faces.Data";
    public boolean isRendered()
        return true;
public void encodeBegin(FacesContext context,
UIComponent component) throws java.io.IOException {
if ((context == null) || (component == null)){
      System.out.println("encodeBegin NullPointerException "+context);
    throw new NullPointerException();
      System.out.println("encodeBegin "+context+" "+component);
//MapComponent map=(MapComponent) component;
ResponseWriter writer = context.getResponseWriter();
writer.startElement("embed", this);
writer.writeAttribute("src", getAttributes().get("src"),"id");
public void encodeEnd(FacesContext context) throws java.io.IOException {
if ((context == null)){
    throw new NullPointerException();
//MapComponent map = (MapComponent) component;
ResponseWriter writer = context.getResponseWriter();
writer.startElement("embed", this);
writer.writeAttribute("src", getAttributes().get("src"),"id");
writer.writeAttribute("align", getAttributes().get("align"),"id");
writer.writeAttribute("width", getAttributes().get("width"),"id");
writer.writeAttribute("height", getAttributes().get("height"),"id");
writer.writeAttribute("type", getAttributes().get("type"),"id");
writer.endElement("embed");
}graph-template.svg - More static parts of the graphic can be put in here.
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" contentScriptType="text/ecmascript" width="100%" zoomAndPan="magnify" contentStyleType="text/css" viewBox="0 0 600% 600%" height="100%" preserveAspectRatio="xMidYMid meet" version="1.0">
<g style="stroke:black; fill:none; stroke-width:1">
<g id="visuals" style="stroke:black; fill:none; stroke-width:1" transform="translate(100, 550)">
<rect id="box" transform="scale(1, -1)" x="1" y="1" width="500" height="500" fill="none" stroke="black" stroke-width="1.5"/>
<g id="labels" transform="scale(1, 1)">
<text id="xLabel" x="250" y="50" text-anchor="middle"
        font-family="Verdana" font-size="24" fill="blue" >x label</text>
<text id="xMinimumLabel" x="0" y="20" text-anchor="middle"
        font-family="Verdana" font-size="18" fill="blue" >0.0</text>
<text id="xMaximumLabel" x="500" y="20" text-anchor="middle"
        font-family="Verdana" font-size="18" fill="blue" >100.0</text>
<text id="yMinimumLabel" x="-3" y="-3" text-anchor="end"
        font-family="Verdana" font-size="18" fill="blue" >0.0</text>
<text id="yMaximumLabel" x="-3" y="-500" text-anchor="end"
        font-family="Verdana" font-size="18" fill="blue" >100.0</text>
</g>
</g>
<g id="data" style="stroke:black; fill:none; stroke-width:1" transform="translate(10, 550)">
</g>
</g>
</svg>

SVG Image blurred

Similar Messages

Maybe you are looking for