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

Similar Messages

How to place a image in a page?

pls anyone guide me? how to place a image in a page?
thanks,
screen410099

Take a look at the code found in this function:
SDKLayoutHelper::PlaceFileInFrame
As expected you can find it in the SDKLayoutHelper file usually found in the Common folder of the SDK. Anyway it has an example of one way of achieving your goal.
There are other ways as well. Here is some code from one of my plugins which uses the LoadPlaceGunCmd boss:
          PMRect pRC = itemGeometry -> GetPathBoundingBox(InnerToPasteboardMatrix(pParentTransform));;
          // Create an ImportCmd:
          InterfacePtr<ICommand> importAndLoadPlaceGunCmd(CmdUtils::CreateCommand(kImportAndLoadPlaceGunCmdBoss));
          //InterfacePtr<ICommand> importAndLoadPlaceGunCmd(CmdUtils::CreateCommand(kImportFileCmdBoss));
          if (importAndLoadPlaceGunCmd == nil)
              ASSERT_FAIL("importAndLoadPlaceGunCmd invalid");
              break;
            URI URIPath;
            URIUTILS -> IDFileToURI(path, URIPath);
          // Set the IImportResourceCmdData Interface's data:
          InterfacePtr<IImportResourceCmdData> importFileCmdData(importAndLoadPlaceGunCmd, IID_IIMPORTRESOURCECMDDATA);
          if (importFileCmdData == nil)
              ASSERT_FAIL("importFileCmdData invalid");
              break;
          importFileCmdData -> Set(db, URIPath, (K2::UIFlags)0, kTrue, kFalse);
          ErrorCode status = CmdUtils::ProcessCommand(importAndLoadPlaceGunCmd);
          const UIDList* imageList = importAndLoadPlaceGunCmd -> GetItemList();
          if (!imageList || imageList -> Length() == 0)
              break;
          UIDRef imageFrame = imageList -> GetRef(0);
          InterfacePtr<IHierarchy> imageFrameHierarchy(imageFrame, UseDefaultIID());
          UIDRef newImage(db, imageFrameHierarchy -> GetChildUID(0));
          imageFrameHierarchy -> Remove(imageFrameHierarchy -> GetChildUID(0));
          // Create an placeGraphicCmd:
          InterfacePtr<ICommand> placeGraphicCmd(CmdUtils::CreateCommand(kPlaceItemInGraphicFrameCmdBoss));
          if (placeGraphicCmd == nil)
              ASSERT_FAIL("placeGraphicCmd invalid");
              break;
          placeGraphicCmd -> SetItemList(UIDList(newImage));
          // Set the IPlacePIData Interface's data:
          InterfacePtr<IPlacePIData> placePIData(placeGraphicCmd, IID_IPLACEPIDATA);
          if (placePIData == nil)
              ASSERT_FAIL("placePIData invalid");
              break;
          placePIData -> Set(pageItemRef, nil, kFalse);
          // Process the ImportAndPlaceCmd:
          status = CmdUtils::ProcessCommand(placeGraphicCmd);
HTH.
John

How to place an image onto each page

Hi !
How do I place an image onto each page (like a logo in a sidebar) using Pages 5.5 ?
Thanks,
Karsten

Karsten,
I am surprised no one has answered you yet - there are so many Pages users here.
I am not a Pages user but I did find one way here on this thread in an answer from Arno Jannarelly
insert image to header in Pages, template header
"If you want any layout item to be repeated to all of the pages of your document, you just have to select the item(s), then go to Arrange/Section Masters/Move Object to Section Master.
The good thing of this is that you can repeat any item or group of items placed anywhere you want on the page."
Now when I first tried it I had no luck, until I selected the image and went to Arrange > Section Masters from the main menu, not on the right hand side from the Format/Document area.
From there there is an option: Move Object to Section Master.
You then can format your image with drop shadows, opacity, etc. and it should be there on new pages in Pages.

How Can I Capture Images from Web Page

When I use Create PDF from Web Page, Acrobat downloads all the text and backgrounds and everything else except the images / photos. Instaed of the photos I only get hypertext links to those photos. I have tried every setting I could find to no avail. What am I missing?
Cheers, Murray

Hi
You can try robolab for Labview, too. Its multimedia vis will run in Lv6.1 and USB webcam
Search these forums for link.
Cheers
Alipio
"Qod natura non dat, Salmantica non praestat"

How do I block images of web page and view which I like to see?

I am using Firefox 4.0 B 7. I have seen some site download some unnecessary image like advertisement. So I want to block those images and view images what I wish to see. I have seen some time images unable to download and show a link and occupy the space. When I right click on it and select 'Reload Image', it display.

You can look at Adblock Plus: https://addons.mozilla.org/firefox/addon/1865
You need to subscribe to a Filter list (e.g. the EasyList): http://adblockplus.org/en/subscriptions

How to get the full image directory when i upload the image to web page???

hai, how to get the full image directory when i upload the image to web page???
here is the example:
<form action="uploadfile.jsp" method="post">
image<input type="file" name="image" />
<input type="submit" value="submit"/>
<%
String s=request.getParameter("image");
%>
<%=s%>
</form>
i upload the image from C:\image\center.gif. i use request.getParameter just can get the image name like "center.gif". Can anybody help me how to get the full path name. Thanks a lot..

There is no need to get the path. It is also fairly pointless as the server cannot access the client's local file system.
Carefully read this article how you can upload files the right way: http://balusc.blogspot.com/2007/11/multipartfilter.html

How to create Chart within a web page NOT as seperate page?

Hi, I am using JCharts and am trying to figure out how (or if it is even possible) to create a chart and then place it in a web page. All the examples I've seen show you how to create a JPEG of the chart and then link to this image from your web page. Is it not possible to surround the JPEG chart with other HTML so that I can keep my web page logo and menu etc on the same page as the chart?
I can't find any examples which show how to surround your images with HTML as JCharts creates a JPG file and returns that in the Http Response e.g. "ServletEncoderHelper.encodeJPEG13(axisChart, 1.0f, response);".
My environment is Java 1.4.2, Struts and Tomcat 4.1.30.
Is there a way of drawing charts directly into a web page rather than displaying them on a seperate page as an image file?
many thanks in advance,
James.

Hi Hatton,
in html, there exists an img-tag. this tag contains a parameter called src. And if you want to embedd an image in your html-page, you will put the source of the image you want to display to the src-parameter. The same with servlets or java server pages. For the browser it doesn't matter where the html comes from. it doesn't matter if it has to be generated by an servlet-container like tomcat. So you write a servlet, which will create an image and make it accessible to your servlet container and then insert an tag like
<html>
<body>
<img src="http://yourdomain/servlet?param=value" width=aNumber height=aNumber>
</body>
</html>This can be done because servlets can be configured to response with images which can be created by java2d or something else...
I hope, this will help you...

How to place multiple images?

Hi,
How to place multiple images?
Regards,
Learner

Is the script creating the frames? If so, just assign each frame a
variable, or make them all into an array. Then use something like:
myFrame.place("aFile");
If the script is not creating the frame, then are they live frames on
the page, or are they actually on a master page?
If they're on master spreads, you'll have to release them to the page
you want. (I think it's myMasterFrame.override(myPage) where myPage is
the live page you want to detach them on, but you'll have to double
check that.)
But presuming they're regular detached frames on a page, if you want
your script to figure out which is the first and which is the second you
can either use script labels in the UI and then search for the script
label, or else you'll have to write a function that will get all
rectangles on the page (myPage.rectangles.everyItem().getElements() and
either do a clever javascript sort, or write a straightforward function
to sort them by height and x-pos.
Hope that sheds some light on the task ahead!
Ariel

How can I delete an old web page ??

How can I delete an old web page ?? I have created a web page some time ago and now I want to delete it but i do not know how to do it: can anyone help me ?

Delete the web page where it is published.
If it is published to MobileMe, then you need to log into MobileMe and go to your iDisk or mount it on your desktop and then delete it from your Web/sites folder.
If you have published to a server, then you'll need to download Cyberduck, Filezilla or Transmit - all dedicated ftp programmes to connect with your host/server and then delete your old files from the server.
It really is not hard.

How to place an image in database and how to retrieve and display it in the front end

how to place an image in database and how to retrieve and display it in the front end
and to place an image in database and retrieve the image from database using xml
please,help me out.

Create a table with a Long RAW Datatype column for storing the Image Column Data.
Create the form based on the table , which by defaults the column with LONG RAW atatype to a Image Item.
You can use Forms Built in function READ_IMAGE_FILE to read a Image file stored on the file system in to the image item.
A save on the form saves the image in the Image item in the long raw column.

How do i Hyperlink to a web page from a java application?

How do i Hyperlink to a web page from a java application using internet explorer as my default web browser?

It's very simple.You can start any Application with the class Runtime. The command is an array consisting of the path of .exe and the file to be open.
String [] cmd={path of IE+Filename.exe,"URL of your website"}
try
Runtime.getRuntime().exec(cmd);
catch (Exception e)
System.err.println(e.toString());
}

How to place the images in Indesign xml file by Javascript?

How to place the images in Indesign xml file by Javascript?
We got the Indesign xml file, how to give the image placement link by Indesign javascript? Please help me its urgent.

Hi,
You can pass the image url as a href attribute=> file:///Users/me/Documents/my_pic.jpg directly within your xml. It just needs that you pass a local, static and valid url.
If you want to add image later once the xml is flowed and so target specific nodes and inject images, it's a bit more complex. If the node is not part of the layout, you may try to reach the XMLElement objet and such an attribute, then layout the element.
var x = some XMLElement
x.xmlAttributes.add("href","file:///Users/m/Documents/my_pic.jpg" );
If already placed, then you have to get the associated pageItem, then place your file into it.
pagItm.place ( File ( "/Users/m/Documents/my_pic.jpg" ) );
Hope that helps,
Loic
http://www.loicaigon.com

How to place raster images as smart objects?

I'm trying to duplicate Photoshop's File:Place menu functionality and I'm experiencing something that I can't figure out. (I've added my code to the end of this message.)
I have a variety of test EPS images that I can run through the File:Place menu. They all appear on the document as "Smart Objects". That is I can then do a bunch of transforms to the image (like rotate, move, deform) before committing to the image to the document.
The important point here is that some images, when opened by Photoshop, first ask that I "Rasterize EPS Format" while others just open up without comment.
While doing these File:Place actions, I've been using the Listener plugin that comes with the SDK to generate code dumps of my actions. From these I've then generated my own code for placing images onto a document. I've had to re-arrange the code a bit to work in Objective-C so there's a good chance that I've done something wrong while translating.
Now if you look at my code you notice a commented out section. If you uncomment those lines then you basically have what I got from the Listener plugin log. But the problem is that this code then doesn't act like the File:Place menu action. It creates a new layer, places the image on the page - but its gone one step too far and the image is no longer a "Smart Object". The image is committed to the layer.
With a bit of experimenting I commented out the line that you can see commented out in my code. However, this does something odd. For all images you can see Photoshop put up a busy icon for a few seconds showing that it is process, but only images that Photoshop wants to "Rasterize EPS Format" actually appear on the page as Smart Objects. Trying to place the images that Photoshop doesn't rasterize results in nothing appearing.
That's my problem. If I uncomment that line in my code then all images that I test with appear on the page - but not as Smart Objects. If I comment out the code then only images that Photoshop wants to rasterize appear - but those that do appear then appear as Smart Objects.
So that's my goal: to place any image onto a document as a Smart Object just like Photoshop's File:Place menu command does. Any ideas where I'm going wrong?
- (SPErr)photoshopPlayeventPlace:(char *)cPath
PIActionDescriptor result = NULL;
Auto_Desc descriptor;
Auto_Desc offsetDetails;
SPErr error = kSPNoError;
Handle aliasValue = NULL;
FullPathToAlias(cPath, aliasValue);
do
error = sPSActionDescriptor->PutAlias(descriptor.get(), keyNull, aliasValue);
if (error) break;
// error = sPSActionDescriptor->PutEnumerated(descriptor.get(), keyFreeTransformCenterState, typeQuadCenterState, enumQCSAverage);
// if (error) break;
error = sPSActionDescriptor->PutUnitFloat(offsetDetails.get(), keyHorizontal, unitDistance, 0);
if (error) break;
error = sPSActionDescriptor->PutUnitFloat(offsetDetails.get(), keyVertical, unitDistance, 0);
if (error) break;
error = sPSActionDescriptor->PutObject(descriptor.get(), keyOffset, classOffset, offsetDetails.get());
if (error) break;
error = sPSActionControl->Play(&result, eventPlace, descriptor.get(), plugInDialogSilent);
if (error) break;
while (false);
if (result != NULL) sPSActionDescriptor->Free(result);
if (aliasValue != NULL) sPSHandle->Dispose(aliasValue);
return error;

If you want to go with Batch I would recommend creating an Action of more or less these steps:
• set the resolution to the same as the background image’s
• change the image from Background Layer to regular Layer if necessary
• convert it to a Smart Object
• add a Drop Shadow Layer Style to the image (do not use Global Angle)
• place the background image (File > Place …)
• move it behind the image layer
• Image > Reveal All
• make Selection from that layer’s transparency (cmd-click its icon in the Layers Panel) and use Image > Crop
• select and transform the image layer to fit the intended position
This would naturally work out best if the images had the same size and proportions.
For the reflection on the floor duplicate the image, flip it vertically, move it in position and reduce its opacity to maybe 10%.
Realistically you may have to hide it partially behind the pillows, a Vector Mask would be an option.

How do I close the current web page in Safari?

UPgraded to IOS 8 because a friend said it cured his problems, so I took the plunge.
BIg mistake.
THis question concerns Safari.
how do I close the current web page?

I just found how to do this on my iPad! At the top right are two squares overlapping. Click on that and you will get your page hanging in space. There is an X on the top (I think) left. Click on that and TaDa! Lost of hoops, but glad I found it.

How to create progress bar in web page!!!

Dear,
I do not know how to create progress bar in web page?
Please show me the way to solve it.
Best regards,
Huy

God your lucky/lazy
import java.awt.*;
import java.awt.event.*;
import java.applet.*;
import javax.swing.*;
import java.util.*;
import java.io.*;
public class ProgressBar extends Applet
private boolean isStandalone = false;
private int width;
private int height;
private double percentComplete;
private double fundsTarget;
private double fundsRaised;
private Properties values;
private String propertiesFile;
private JPanel jPanel1 = new JPanel();
private JProgressBar PB_FUNDS_PROGRESS = new JProgressBar();
private GridLayout gridLayout1 = new GridLayout();
private BorderLayout borderLayout1 = new BorderLayout();
private JPanel jPanel2 = new JPanel();
private JLabel jLabel1 = new JLabel();
private JLabel jLabel2 = new JLabel();
private JLabel jLabel3 = new JLabel();
private GridBagLayout gridBagLayout1 = new GridBagLayout();
private JPanel jPanel3 = new JPanel();
private JLabel jLabel4 = new JLabel();
//Construct the applet
public ProgressBar()
//Initialize the applet
public void init()
    try
      jbInit();
    catch(Exception e)
      e.printStackTrace();
//Component initialization
private void jbInit()
throws Exception
    fundsTarget = new Double( 100 ).doubleValue();
    fundsRaised = new Double( 50 ).doubleValue();
    PB_FUNDS_PROGRESS.setBackground(Color.green);
    PB_FUNDS_PROGRESS.setForeground(Color.red);
    this.setLayout(gridLayout1);
    jPanel1.setLayout(borderLayout1);
    jPanel2.setLayout(gridBagLayout1);
    jPanel1.setBackground(Color.white);
    jPanel2.setBackground(Color.white);
    jPanel3.setBackground(Color.white);
    jLabel2.setBackground(Color.white);
    jLabel1.setBackground(Color.white);
    jLabel3.setBackground(Color.white);
    jLabel4.setText(" ");
    jLabel1.setText(" ");
    jLabel2.setText(" ");
    jLabel3.setText(" ");
    this.setBackground(Color.white);
    this.add(jPanel1, null);
    jPanel1.add(PB_FUNDS_PROGRESS, BorderLayout.CENTER);
    jPanel1.add(jPanel2, BorderLayout.SOUTH);
    jPanel2.add(jLabel2, new GridBagConstraints(1, 0, 1, 1, 0.0, 0.0,
     GridBagConstraints.WEST, GridBagConstraints.NONE, new Insets(5, 0, 5, 0), 0, 0));
    jPanel2.add(jLabel1, new GridBagConstraints(2, 0, 1, 1, 0.0, 0.0,
     GridBagConstraints.CENTER, GridBagConstraints.NONE, new Insets(5, 150, 5, 5), 0, 0));
    jPanel2.add(jLabel3, new GridBagConstraints(0, 0, 1, 1, 0.0, 0.0,
     GridBagConstraints.WEST, GridBagConstraints.NONE, new Insets(6, 5, 4, 150), 0, 0));
    jPanel1.add(jPanel3, BorderLayout.NORTH);
    jPanel3.add(jLabel4, null);
    propertiesFile = this.getCodeBase().getFile().replaceAll("%20", " ")+"funds.properties";
    System.out.println("Properties file at " + propertiesFile);
    values = new Properties();
    try
      values.load(new FileInputStream(propertiesFile));
      fundsTarget = new Double( values.getProperty("TARGET", "100").toString() ).doubleValue();
      fundsRaised = new Double( values.getProperty("RAISED", "50").toString() ).doubleValue();
      System.out.println("target: " + fundsTarget + " raised: " + fundsRaised);
    catch (IOException ioe)
      System.err.println(ioe.getMessage());
    percentComplete = (fundsRaised/fundsTarget)*100;
    System.out.println(percentComplete);
//Start the applet
public void start()
    PB_FUNDS_PROGRESS.setMaximum(new Double(fundsTarget).intValue());
    PB_FUNDS_PROGRESS.setMinimum(0);
    repaint();
//Stop the applet
public void stop()
public void paint(Graphics g)
    Graphics2D g2 = (Graphics2D)g;
    PB_FUNDS_PROGRESS.setValue(new Double(fundsRaised).intValue());
    String percent = Double.toString(percentComplete).substring(0, 4);
    jLabel4.setText("Currently At " + percent + "%");
    jLabel1.setText("100%");
    jLabel2.setText("50%");
    jLabel3.setText("0%");
//Destroy the applet
public void destroy()
public String getAppletInfo()
    return "Funds progress applet by A really nice person";
}

How to place SVG image in web page?

Similar Messages

Maybe you are looking for