tags:

views:

37

answers:

1
+1  Q: 

Changing the size of the SVG image using JavaScript?

Hi,

I have a .svg file that has the following code:

<svg version="1.1" x="0" y="0" width="256" height="256" viewBox="0 0 335 394">

plus a ton more code (namespaces etc) that is unnecessary to this situation, but the problem I have is that I need to somehow alter that width and height (from 256px to arbitrary size) using JavaScript. The .svg is being used like this:

<html>
<body>
<div style="background: url(example.svg);"></div>
</body>
</html>

I would really need to accomplish this somehow. Any ideas?

Update: I need this because I want a user to be able to set the base size for my user interface via a JavaScript control.

+1  A: 

How about putting an <img> tag inside the div, and setting the width and the height on that?

<html>
  <body>
    <div>
      <img src="example.svg" width="10px" height="10px" />
    </div>
  </body>
</html>

This will allow your browser to automatically scale the image based on the given dimensions.

tomit  2010-07-04 18:28:06

related questions

Autosizing Textarea
Regular expression for parsing links from a webpage?
What are good tools for creating compiled HTML help files (.chm)?
Looking for WYSIWYG HTML editor
Any reason not to start using the HTML 5 doctype?
HTML comments break down
HTML Comments Markup
Setting a div's height in HTML with CSS
Wrapping lists into columns
Is a "Confirm Email" input good practice when user changes email address?
<XMP> Tag
HTML version choice
Options for HTML scraping?
How do you disable browser Autocomplete on web form field / input tag?
How do I make a checkbox toggle from clicking on the text label as well?
Html CSS Editor
Wordpress theme development offline tools
How do I give my web sites an icon for iPhone?
In HTML, how to word-break on a dash?
Detecting font in JavaScript
How do you test layout design across multiple browsers/OSs?
How do I print an HTML document from a web service?
Multiple submit buttons on a HTML form
How can I determine a web user's time zone?
Why doesn't the percentage width child in absolutely positioned parent work in IE7?