SVG:Namespace - Revision history

Jonathan Watt at 04:55, 3 December 2005

2005-12-03T04:55:03Z

← Older revision		Revision as of 04:55, 3 December 2005
Line 1:		Line 1:
	#REDIRECT [http://developer.mozilla.org/en/docs/SVG:Namespaces_Crash_Course]		#REDIRECT [http://developer.mozilla.org/en/docs/SVG:Namespaces_Crash_Course Namespaces Crash Course]

Jonathan Watt at 04:54, 3 December 2005

2005-12-03T04:54:29Z

← Older revision		Revision as of 04:54, 3 December 2005
Line 1:		Line 1:
	#REDIRECT [[http://developer.mozilla.org/en/docs/SVG:Namespaces_Crash_Course]]		#REDIRECT [http://developer.mozilla.org/en/docs/SVG:Namespaces_Crash_Course]

Jonathan Watt: wiki.m.o is for planning, MDC is for current state, so redirecting to MDC doc

2005-12-03T04:53:55Z

wiki.m.o is for planning, MDC is for current state, so redirecting to MDC doc

← Older revision		Revision as of 04:53, 3 December 2005
Line 1:		Line 1:
	~~= Declare namespaces for SVG and XLink=~~		#REDIRECT [[http://developer.mozilla.org/en/docs/SVG:Namespaces_Crash_Course]]

	~~The namespace declaration for SVG is required. If you don't specify it, nothing will be rendered. The XLink namespace is required if you use <use/>, <image/>, <a/> ...~~

	*The SVG namespace: http://www.w3.org/2000/svg
	*The XLink namespace: http://www.w3.org/1999/xlink

	~~A simple SVG file may look like this:~~

	~~<?xml version="1.0"?>~~
	~~<svg xmlns="http://www.w3.org/2000/svg"~~
	~~xmlns:xlink="~~http://~~www~~.w3.org/~~1999~~/~~xlink">~~
	~~<title>title of drawing<~~/~~title>~~

	~~</svg>~~

	~~== Declare DOCTYPE for SVG ==~~

	~~Similarly, declaring a correct DOCTYPE for .svg files may be useful for DTD validation. This can catch some, but not all errors and is a useful supplement to well-formedness checking.~~

	''There are uncomfirmed reports that an SVG file without namespace and incorrect doctype did work in Adobe SVG, but with the namespace added it didn’t work, until the DOCTYPE was corrected as well.''

	~~The doctype for SVG 1.1 Full is:~~

	~~<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"~~
	~~"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">~~

	~~= use namespace-aware methods in javascript=~~

	~~when using js, make sure you use the namespace aware methods like:~~

	*getElementsByTagNameNS()
	*createElementNS()
	*setAttributeNS()
	*getAttributeNS()
	*...

	svg elements are in the svg namespace. Unqualified svg attributes are in the null namespace. Qualified attributes are in whatever namespace their prefix id declared as - so for example xlink:href is in the XLink namespace, http://www.w3.org/1999/xlink.

	~~For example, to dynamically create an <image> element, do it like this:~~

	~~const svgns="http://www.w3.org/2000/svg";~~
	~~const xlinkns="http://www.w3.org/1999/xlink";~~
	~~var newIM=document.createElementNS(svgns,"image");~~
	~~newIM.setAttributeNS(null,"width",100);~~
	~~newIM.setAttributeNS(null,"height",100);~~
	~~newIM.setAttributeNS(xlinkns,"href","bild2.png");~~


	~~== Links ==~~

	[[SVG:~~Home Page~~]]

ChrisLilley: /* Declare DOCTYPE for SVG */ spelling

2005-10-08T12:27:40Z

Declare DOCTYPE for SVG: spelling

← Older revision		Revision as of 12:27, 8 October 2005
Line 17:		Line 17:
	== Declare DOCTYPE for SVG ==		== Declare DOCTYPE for SVG ==

	Similarly, declaring a correct DOCTYPE for .svg files may be useful for DTD validation. ~~Thic~~ can catch some, but not all errors and is a useful supplement to well-formedness checking.		Similarly, declaring a correct DOCTYPE for .svg files may be useful for DTD validation. This can catch some, but not all errors and is a useful supplement to well-formedness checking.

	''There are uncomfirmed reports that an SVG file without namespace and incorrect doctype did work in Adobe SVG, but with the namespace added it didn’t work, until the DOCTYPE was corrected as well.''		''There are uncomfirmed reports that an SVG file without namespace and incorrect doctype did work in Adobe SVG, but with the namespace added it didn’t work, until the DOCTYPE was corrected as well.''

ChrisLilley: /* Declare namespaces for SVG and XLink */ standalone="no" has no utility

2005-10-08T12:26:33Z

Declare namespaces for SVG and XLink: standalone="no" has no utility

← Older revision		Revision as of 12:26, 8 October 2005
Line 8:		Line 8:
	A simple SVG file may look like this:		A simple SVG file may look like this:

	<?xml version="1.0~~" standalone="no~~"?>		<?xml version="1.0"?>
	<svg xmlns="http://www.w3.org/2000/svg"		<svg xmlns="http://www.w3.org/2000/svg"
	xmlns:xlink="http://www.w3.org/1999/xlink">		xmlns:xlink="http://www.w3.org/1999/xlink">

ChrisLilley: /* Declare DOCTYPE for SVG */ line breaking

2005-10-08T11:58:06Z

Declare DOCTYPE for SVG: line breaking

← Older revision		Revision as of 11:58, 8 October 2005
Line 23:		Line 23:
	The doctype for SVG 1.1 Full is:		The doctype for SVG 1.1 Full is:

	<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">		<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
			"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">

	= use namespace-aware methods in javascript=		= use namespace-aware methods in javascript=

ChrisLilley: /* Declare DOCTYPE for SVG */ no response on discussion, so left the rumor as "unconfirmed"

2005-10-08T11:57:14Z

Declare DOCTYPE for SVG: no response on discussion, so left the rumor as "unconfirmed"

← Older revision		Revision as of 11:57, 8 October 2005
Line 17:		Line 17:
	== Declare DOCTYPE for SVG ==		== Declare DOCTYPE for SVG ==

	Similarly, declaring a correct DOCTYPE for .svg files may be ~~important as~~ well~~, instances have been observed where~~ an SVG file without namespace and incorrect doctype did work in Adobe SVG, but with the namespace added it didn’t work, until the DOCTYPE was corrected as well. The doctype is ~~supposed to be~~:		Similarly, declaring a correct DOCTYPE for .svg files may be useful for DTD validation. Thic can catch some, but not all errors and is a useful supplement to well-formedness checking.

			''There are uncomfirmed reports that an SVG file without namespace and incorrect doctype did work in Adobe SVG, but with the namespace added it didn’t work, until the DOCTYPE was corrected as well.''

			The doctype for SVG 1.1 Full is:

	<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">		<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">

	~~This should solve the cases where the addition of the namespaces required by Mozilla breaks rendering with Adobe SVG.~~

	= use namespace-aware methods in javascript=		= use namespace-aware methods in javascript=

ChrisLilley: /* Declare DOCTYPE for SVG */ this should never be required

2005-09-12T23:33:53Z

Declare DOCTYPE for SVG: this should never be required

← Older revision		Revision as of 23:33, 12 September 2005
Line 17:		Line 17:
	== Declare DOCTYPE for SVG ==		== Declare DOCTYPE for SVG ==

	Similarly, declaring a correct DOCTYPE for .svg files is important as well, instances have been observed where an SVG file without namespace and incorrect doctype did work in Adobe SVG, but with the namespace added it didn’t work, until the DOCTYPE was corrected as well. The doctype is supposed to be:		Similarly, declaring a correct DOCTYPE for .svg files may be important as well, instances have been observed where an SVG file without namespace and incorrect doctype did work in Adobe SVG, but with the namespace added it didn’t work, until the DOCTYPE was corrected as well. The doctype is supposed to be:

	<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">		<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">

ChrisLilley: /* use namespace-aware methods in javascript */ clarification on qualified attributes

2005-09-12T23:32:56Z

use namespace-aware methods in javascript: clarification on qualified attributes

← Older revision		Revision as of 23:32, 12 September 2005
Line 33:		Line 33:
	*...		*...

	svg elements are in the svg namespace. svg attributes are in the null namespace.		svg elements are in the svg namespace. Unqualified svg attributes are in the null namespace. Qualified attributes are in whatever namespace their prefix id declared as - so for example xlink:href is in the XLink namespace, http://www.w3.org/1999/xlink.
	~~for~~ example, to dynamically create an <image> element, do it like this:
			For example, to dynamically create an <image> element, do it like this:

	const svgns="http://www.w3.org/2000/svg";		const svgns="http://www.w3.org/2000/svg";

Jeffschiller: Added link back to SVG:Home_Page

2005-07-27T21:26:29Z

Added link back to SVG:Home_Page

← Older revision		Revision as of 21:26, 27 July 2005
Line 42:		Line 42:
	newIM.setAttributeNS(null,"height",100);		newIM.setAttributeNS(null,"height",100);
	newIM.setAttributeNS(xlinkns,"href","bild2.png");		newIM.setAttributeNS(xlinkns,"href","bild2.png");


			== Links ==

			[[SVG:Home Page]]