Drawing multiple SVG images in GTK+

Hi,
I am planning to at least try and write an application that would compose a document in ancient Egyptian hieroglyphs (of all things ;-)). Anyhow, this would involve composing the document by displaying several individual SVG-format images in the app's window, all arranged by the user to form a hieroglyphic script.
My problem is how progressively compose the document by displaying the SVG images selected by the user and placed usually next to each other (as described here http://www.neferchichi.com/hieroglyphs.html ). In order to save the source of the document, I reckon I would have to save a record of what images were selected and what part of the drawable they were placed in. It would also be necessary to give the user the ability to manipulate the document (select a glyph, move it, resize it etc).
I would very much appreciate any hints and directions on this problem. If I succeed this might be the only hieroglyphic document editor that will display colored glyphs, and also the only native such application for Linux!
You can see some of the hieroglyph images on my website: http://www.qsl.net/5b4az/pages/egypt.html

Hi Henry,
Does this discussion offer some clues? SVG Images Blurry
Thanks,
Preran

Similar Messages

Drawing multiple .gif images

Hello, I am creating a Card class and a Deck class, and I have .gif images for each card. I am trying to create a CardDisplay class to test my images. The Card/Deck classes work fine, but I am running into problems getting the images to display. What I have is a JFrame and I use a JLabel for each .gif image. When I add the JLabel to the contentPane, it is still only showing a blank window. Can someone give me any guidance as to how to go about this? Also, I am assuming once I get it to display 1 gif, it will display the remaining 51 in the same place. What I am trying to do is to display them all in a row.. well 4 rows of 13 cards that is. Thanks in advance,
dub stylee

Also, just wanted to add that this is not for school. I am doing this for a personal exercise using swing components. I made a card game when I was taking java 1 class, but now I am trying to familiarize myself with the use of graphics. Thanks to anybody who can help.
dub stylee

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

Problems with manipulating an SVG image with JavaScript.

I've created a website where I'm using jQuery to clone and manipulate SVG content to create multiple different images within the page (I'm also making use of Keith Wood's SVG libraries to help make jQuery work with SVG).
http://httpflies.com/
This seems to be working fine initially. However, when a user clicks the graphic I then clone the clicked graphic and place that in another part of the page. At this point part of SVG content is lost. The SVG contains a number of vectors and a bitmap (for a drop-shadow). The vectors all disappear but the bitmap remains.
I've checked it out in the dev tool and the SVG content is being cloned (it seems) and can be inspected and Firefox seems to think it's in the correct part of the page etc. Yet it's not visible.
In terms of the jQuery involved it's just this:
$('#'+hash).clone().attr('id','').prependTo(targetElement);
It works fine in Chrome, Safari and Opera but I'm looking at FF 24.0 on Mac and FF 23 on Win7 and both are doing the same thing. I'm getting no errors in the console either! :-S
Thanks in advance to anyone who can shed some light ;-)

OK this was simply down to me not being careful enough about making sure the ID's I was using in the SVG (to define gradients etc) weren't remaining unique across all the cloning and appending.
That's not just the ID's of the SVG elements themselves but the <lineargradient> elements within those SVG elements which I was referencing from within those same SVG's.
Seems like some debugging tools related to this kind of thing would be useful as it wasn't really clear that this was the problem. Just to know that there are multiple identical ID's within a DOM would be very useful.
Anyway sorry about wasting anyone's time and if you have a similar problem, think about those ID's! ;)

Drawing multiple shape

I am working on a small program to draw multiple shape, I am having problem because I can not draw more than one shape on the screen at the same time . can you help me pls
import java.awt.Graphics;
import java.awt.Graphics2D;
import java.applet.Applet;
import java.awt.event.MouseEvent;
import java.awt.event.MouseListener;
import java.awt.geom.Rectangle2D;
import java.awt.Color;
public class BoxClickApplet extends Applet
int x1,y1;
int click=-1;
          class MyMouseListener implements MouseListener
          public void mousePressed(MouseEvent event){}
          public void mouseReleased(MouseEvent event){}
          public void mouseClicked(MouseEvent event)
               click++;
if (click==0)
                              x1=getWidth()/2-20;
                              y1=getHeight()-40;
                              repaint();
                              ((Graphics2D)g).fill(r);
               if (click==1)
                              x1=getWidth()/2-20;
                              y1=getHeight()/2-20;
                              repaint();
               if (click==2)
                              x1=getWidth()/2-20;
                              y1=0;
                              repaint();
if (click==3)
                         x1=getWidth()/2-20;
                         y1=getHeight()/2;
                         repaint();
                         x1=getWidth()/2-20;
                         click=-1;
public void mouseEntered(MouseEvent event){}
          public void mouseExited(MouseEvent event){}
MyMouseListener listener = new MyMouseListener();
addMouseListener(listener);
public void paint(Graphics g)
     g.setColor(Color.GREEN);
     Rectangle2D.Double r = new Rectangle2D.Double (x1,y1,40,40);
((Graphics2D)g).fill(r);

// <applet code="BCA" width="400" height="400"></applet>
import java.applet.Applet;
import java.awt.*;
import java.awt.event.*;
import java.awt.image.BufferedImage;
public class BCA extends Applet
    BufferedImage image;
    int width = 40;
    int height = 40;
    public void init()
        addMouseListener(new MyMouseListener());
    public void paint(Graphics g)
        if(image == null)
            initImage();
        g.drawImage(image, 0, 0, this);
    private void initImage()
        int w = getWidth();
        int h = getHeight();
        int type = BufferedImage.TYPE_INT_RGB;
        image = new BufferedImage(w, h, type);
        Graphics2D g2 = image.createGraphics();
        g2.setBackground(getBackground());
        g2.clearRect(0,0,w,h);
        g2.dispose();
    private void addRectangle(Point p)
        Graphics2D g2 = (Graphics2D)image.getGraphics();
        g2.setRenderingHint(RenderingHints.KEY_ANTIALIASING,
                            RenderingHints.VALUE_ANTIALIAS_ON);
        g2.setColor(Color.GREEN);
        g2.fill(new Rectangle(p.x-width/2, p.y-height/2, width, height));
        g2.dispose();
    private void clearImage()
        Graphics g = image.getGraphics();
        g.setColor(getBackground());
        g.fillRect(0, 0, image.getWidth(), image.getHeight());
        g.dispose();
    class MyMouseListener extends MouseAdapter
        public void mousePressed(MouseEvent event)
            if(event.getClickCount() == 2)
                clearImage();
            else
                addRectangle(event.getPoint());
            repaint();
}

Why can't I open multiple sparse image files at the same time in FCPX?

I work in a multiple editor enviroment, where we have hundreds of different projects. They are all divided into sparse image files to keep them all separated. I used to be able to mount multiple sparse image files and see them all in FCPx. But recently, FCPx upon opening, will close out all but one sparse image. The images are still mounted to the OSx but FCPx will not recognize them. I can only open one sparse image at a time. I am needing to export multiple projects at the end of the day, and can't batch export or send them all to compressor because I can open up multiple projects.

I work in a multiple editor enviroment, where we have hundreds of different projects. They are all divided into sparse image files to keep them all separated. I used to be able to mount multiple sparse image files and see them all in FCPx. But recently, FCPx upon opening, will close out all but one sparse image. The images are still mounted to the OSx but FCPx will not recognize them. I can only open one sparse image at a time. I am needing to export multiple projects at the end of the day, and can't batch export or send them all to compressor because I can open up multiple projects.

MULTIPLE place image import...& "save as.." multiple layers to multipage PDF

Hello,
just some suggestions I`d like to see to speed up my set up and output..
i`d like to import multiple placed images into illustrator CS4. So open dialogue box place, and multiple select images for placing.
regards output save as...
Can we output multiple layers into a single PDF in illustrator? Or multiple layers into single JPEGS from illustrator with one command instead of individually saving out each layer... would be a huge time saver for me.I create different artworks on different layers..
Currently I output each completed layer individually and then right click those outputted jpegs in their output folder and choose "combine supported files into acrobat..." to make a single acrobat file..i`d like to do this right in the illustrator "save for PDF" dialogue box. Adding something in the Save for PDF output dialogue box to save layers to one PDF as multiple pages would be a helpful time saver..
I`d also like to be able to CTRL click multiple layers and go " save as..." only those layers get saved out...

, bridge -FILE/PLACE into ai, goes to separate layers in AI as placed.
in PS, bridge/tools/ps/load files into ps layers.. CS4.
just using right click in explorer on individual PDF docs from layers saved from PS to combine to PDF. but cannot output multiple pds from layers in AI in CS4.

How do I show multiple rollover images on a page inserted dynamically (pulled out of a sql database

How do I show multiple rollover images on a page inserted dynamically (pulled out of a sql database table) using Dreamweaver’s Repeat Region. Example: I have different products each one associated (through their productID) with two images (one that’s showing in the page and one for the rollover effect) that are pulled from a database using Dreamweaver’s Recordset. So I want to end up with a page containing row after row of images(one for every product).When moused over each image will reveal the second (rollover) image for the same product which in turn can be a link(the image itself ) that when clicked leads to a detailed page with more information about the product the image is associated with. To show row after row with images for the different products in the database table I am using Dreamweaver’s Insert Rollover Image command and then the Repeat Region – I have no problem to complete the steps, to insert the image and the rollover one at once and set the paths so they are pulled dynamically depending on the productID they are associated with .I have also no problem to apply the Repeat Region so not only the first image associated with the first product in the table is shown but all of them-a routine and standard procedure when using the Repeat Region to dynamically generate and display multiple rows of data. However, when I preview the page the rollover effect is lost –the images are shown but when moused over the second image does not show. The problem is caused when the Repeat Region is applied-once again I am allowed to apply it but the rollover stops working, a kind of interference. ANY SOLLUTION PLEASE, ANY WORK AROUND.

I gotta tell you, using multiple images for rollover effects is going to be a big challenge in your dynamic scenario.
If this were my product page, I would use thumbnails with a bit of CSS opacity or filters to desaturate and make them full opacity/color on mouse over. Nice effect with much less bandwidth. Easily done globally with CSS code.
Two examples:
http://alt-web.com/GALLERY/GalleryTest.php
http://alt-web.com/TEMPLATES/CSS-Semi-liq-photo-sheet.shtml
Nancy O.

How to draw multiple lines on same panel??

hiya
i would like to know how can I draw multiple lines on the same panel ?? I have already use repaint(); but it just come out the lastest line (say line 3) i draw .......those previous lines(say line 1 and 2) are disappear ........
Thanks for your help mate

http://www.java2s.com/ExampleCode/2D-Graphics/Line.htm

Can I store multiple bootable images in the same partition?

Can I store multiple bootable images in the same partition or do they each need their own partition? I am going to use disk utility to create a copy of my current OSX 10.5 system on a new external drive before upgrading to Snow Leopard. Then I want to create a bootable copy of Snow Leopard. Can I create one partion large enoough to hold both images or will I need to create a separate partition for each. I have done booting off of an external hard drive and it works well. I do not know how the system sees this and thus if I store both images on the same partition, will it give me both as a boot option at startup or will it see only one?

They will need separate partitions to be bootable

Can we draw multiple lines on a single CAShapeLayer?

I want to draw multiple lines on a single layer of CAShapeLayer by UITouch. Is it possible?

if they use the same appleID then you can do it at www.icloud.com

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.

SCRIPT TO IMPORT MULTIPLE PLACED IMAGES..AND OUTPUT MULTIPLE IMAGES TO SINGLE PDF.

Anyone got a script to import multiple placed images into CS4? or is this possible in CS5?
and can we output multiple layers into a single PDF in illustrator? Or multiple layers into single JPEGS from illustrator with one command instead of individually saving out each page... would be a huge time saver for me.
Currently I output each completed layer individually and then right click those outputted jpegs in their output folder and choose "combine supported files into acrobat..." to make a single acrobat file..
I`d also like to be able to CTRL click multiple layers and go save as... only those layers get saved out...
And so adding something in the Save for PDF output dialogue box to save layers to multiple pages would be a helpful time saver..

In CS 4 and CS 5 you can drag and drop fro m the finder or the Bridge, and I guess any other similar type viewer, multiple number of image files to a document. You can configure the bridge in such a way as to allow you to see the Bridge and your document at the same time for this very purpose.
If you just drag and drop the files are linked if you drag while holding the shift key then the files will be embedded.
ID and PS CS 5 have a minibridge which works the sam way but is an actually panel and will stay in the front.
I separate the images but they import one on top of another.

How to set a uniform display size of multiple intermedia image types - wher

I have read "If you want to limit the size of the file that can be uploaded, you can do this as a post generation
step, by adding the maxFileSize property to the <controller> element in the struts-config:
This does not address how to limit the *** display size *** where you have multiple intermedia image types - where the original size is not uniform.
If an image is uploaded where the true image display size is 1024 x 768 - it will display that way in the table/table-form. This will create un-even display size's where previous images sizes where different 384 x 384 and so on.
Is there a way to encode the display size so that *** ALL *** images regardless of their true size are displayed uniformly at least on one dimension (64 x ???)? This is possible when using products such as Dreamweaver or Flash.
BTW - JHS/***JDev*** synergy is truely magnificient!!! Way-To-Go Oracle!!!!!!!!!!! Keep it up!!!!
BG...

Bill,
I did some tests, and was able to reproduce it. The problem is that JHeadstart distinguishes between display types fileDownload and image, but UIX uses the same <media> tag to handle both display types. It will look at runtime whether it must render a hyperlink to download the document, or to render it right away as an image.
To get all images the same size, you can set the display width and height, AND the display type must be set to image.
However, to get the file name used as download link, you must set the FileName attribute AND the display type must be set to "fileDownload" ..
So, to solve your problem, it is easiest to set the displayType to "fileDownload" and set the width and height properties post-generation in the generated UIX page.
In the next release of Jheadstart, we will fix this, and always pick up width, height and fileName settings regardless of the display type.
Note that you should also set the FileName property against the attribute you are using to upload the file.
Steven Davelaar,
JHeadstart Team.

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
>
>
>

Drawing multiple SVG images in GTK+

Similar Messages

Maybe you are looking for