Blog 1

Random Talk on Random Thoughts

W3C Validator and SVGPan

| Comments |


Similar to that of my recent post Added W3C Validated Logos to Some Pages—to get my SVG code validated by W3C.

I’m now using SVGPan for the zoom and drag functionality in SVG images generated from PDF files which are generated by xelatex from $\rm \LaTeX$ source code for TikZ pictures.1


I submited my SVG file to the W3C’s validator, which showed me one error. To illustrate this, I used an sample SVG in the official web site of SVGPan as an example.

SVGPan's SVG validation fails


Googling for something likes “svg script type” helps. As can be seen, the last > is underlined, so I guessed that this kind of self-closing tags wouldn’t the test. Just like HTML, change this to <script ...></script>. From what I’d seen online, I set the type attribute to text/ecmascript, and luckily this works.

Lessons learnt

For valid SVG files which embed SVGPan, the following items are necessary:

  1. A type declaration at the very beginning
  2. A <script> tag with appropriate xlink:href and type attributes.

  1. Refer to Zooming SVG in Web Browsers in Blog 1 for details.