Home Accessibility Courses Twitter The Mouth Facebook Resources Site Map About Us Contact
 
Python and Tcl - public course schedule [here]
Private courses on your site - see [here]
Please ask about maintenance training for Perl, PHP, Lua, etc
 
Some SVG Elements, pixel and percent positioning

SVG Elements can be specified in terms of absolute co-ordinates of fixed pixel positions - and these two images which are generated from the same SVG file illustrate how that difference can be used to generate an image which varies as the window in which is called up - but it varies only in parts. So the size of the text has remained the same in both examples (good - I like to be able to read a diagram!) and the text box around the fixed label has also been anchored to the pixel co-ordinates.

I have also used this demonstration to show overlapping graphic elements; rather than four rectangles of the same size, I have filled the whole area with one rectangle and added three further rectangles over it. The colour of the borders also makes an interesting demo ... and you'll note that the borders show up as halfwidth at the edges, illustrating how SVG clips. There's a lot in this one demo!


The full source code for this SVG graphic is [here]. We don't cover the SVG specification in detail on any courses, but on the PHP Techniques Workshop we'll show you how to generate such graphics from a script, and we can cover their generation on other private courses or on special days - this is most relevant under Python / Django and Ruby / Rails.



If you call up the SVG directly - [here] - you should be able (depending on your browser) to dynamically rescale
(written 2011-04-24)

 
Associated topics are indexed as below, or enter http://melksh.am/nnnn for individual articles
Q913 - Object Orientation and General technical topics - Computer Graphics Principles
  [3261] Scalable Vector Graphics - easy, low bandwidth, high resolution, dynamic. - (2011-04-23)
  [3211] Computer Graphics in PHP - World (incoming data) to Pixel (screen) conversion - (2011-03-24)
  [3148] OpenGL / C / C++ - an example to get you started - (2011-01-26)
  [3049] Computer Graphics is fun - even if Java Applets are Old Hat - (2010-11-13)
  [2992] Matplotlib - graphing in Python - teaching examples - (2010-10-10)
  [2758] But what will you DO with all those pictures? - (2010-05-09)
  [2633] Why do I teach niche skills rather than mainstream? - (2010-02-13)
  [2245] Client side (Applet) and Server side (Servlet) Graphics in Java - (2009-06-17)


Back to
Scalable Vector Graphics - easy, low bandwidth, high resolution, dynamic.
Previous and next
or
Horse's mouth home
Forward to
Come as a customer, leave as a friend - Well House Manor, Hotel, Wiltshire
Some other Articles
Easter on the Canal - near Melksham, Wiltshire
Alternative Vote (AV) - cutting the crap
Alternative Vote (AV) - explaining and an example
Come as a customer, leave as a friend - Well House Manor, Hotel, Wiltshire
Some SVG Elements, pixel and percent positioning
Ruby - a training example that puts many language elements together to demonstrate the whole
Our library in Melksham
Morning in Melksham
All possible combinations from a list (Python) or array (Ruby)
4759 posts, page by page
Link to page ... 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27, 28, 29, 30, 31, 32, 33, 34, 35, 36, 37, 38, 39, 40, 41, 42, 43, 44, 45, 46, 47, 48, 49, 50, 51, 52, 53, 54, 55, 56, 57, 58, 59, 60, 61, 62, 63, 64, 65, 66, 67, 68, 69, 70, 71, 72, 73, 74, 75, 76, 77, 78, 79, 80, 81, 82, 83, 84, 85, 86, 87, 88, 89, 90, 91, 92, 93, 94, 95, 96 at 50 posts per page


This is a page archived from The Horse's Mouth at http://www.wellho.net/horse/ - the diary and writings of Graham Ellis. Every attempt was made to provide current information at the time the page was written, but things do move forward in our business - new software releases, price changes, new techniques. Please check back via our main site for current courses, prices, versions, etc - any mention of a price in "The Horse's Mouth" cannot be taken as an offer to supply at that price.

Link to Ezine home page (for reading).
Link to Blogging home page (to add comments).

You can Add a comment or ranking to this page

© WELL HOUSE CONSULTANTS LTD., 2020: 48 Spa Road • Melksham, Wiltshire • United Kingdom • SN12 7NY
PH: 01225 708225 • EMAIL: info@wellho.net • WEB: http://www.wellho.net • SKYPE: wellho

PAGE: http://www.wellho.net/mouth/3262_Som ... oning.html • PAGE BUILT: Sat May 27 16:49:10 2017 • BUILD SYSTEM: WomanWithCat