Jump to content

Submissions/SVG and Text Editor

From Wikimania 2012 • Washington, D.C., USA

This is a rejected submission for Wikimania 2012.

Submission no.
668
Title of the submission
Drawing SVG with Text Editor
Type of submission (workshop, tutorial, panel, presentation)
Tutorial
Author of the submission
Terence Yuen
E-mail address
wrightbus at gmail dot com
Username
Wrightbus
Country of origin
Hong Kong
Affiliation, if any (organization, company etc.)
Wikimedia Hong Kong Chapter
Personal homepage or blog
Abstract (at least 300 words to describe your proposal)

SVG is one of vector graphic file format available for webpages, and is the recommended format of uploading logos, national or municipal flags to Wikimedia Projects. Inkscape is the most popular free software of creating SVG graphics. But I think complicated code like floating numbers generated by software is not necessary for graphic which is not complicated and can be done perfectly with only a text editor.

I used text editor to draw municipal logos and symbols of Hong Kong and Japan according to specifications. Since these logos usually contain only geometric shapes like polygons, circles, lines or arcs, many of them can be drawn perfectly with simple codes and integers. So I would like to share my experience of creating SVG logos.

Moreover, I experienced that glitches have been appeared in one of my work by using built-in renderer. So I would like to share my ways of preventing glitches as well.

Partial list of my drawings can be found at commons:User:Wrightbus/SVG Works.

The structure of my presentation will be as follows.

  • Translation and Rotation - One of my criteria of drawing SVG logos is to avoid using floating point numbers if possible. To translate an element horizontally or vertically to distance containing irrational factor like square root of 2 or 3, it can be done by using sine theorem in mathematics. I would like to demonstrate how it works by using my works as examples.
  • Glitch Prevention - In one of my SVG drawing, the code is rendered fine in web browsers, but glitches appeared in rasterized image after uploading to Wikimedia projects. Actually there are unknown errors inside the built-in SVG to PNG renderer of MediaWiki system. This example will be demonstrated to rectify the issue.
  • Validation - Like HTML documents, a valid SVG document is not only a source code which can be rendered in web browsers, but also no errors or warnings to be appeared if checked through W3C online validator. I have seen that there are many SVG documents uploaded in Wikimedia Projects have warnings by using the validator to check. So I would like to state the causes of warnings in these files and ways to rectify these issues.
Track
WikiCulture and Community; Research, Analysis, and Education
Length of presentation/talk
15 to 25 Minutes
Will you attend Wikimania if your submission is not accepted?
No
Slides or further information (optional)
Slideshow
Special request as to time of presentations


Interested attendees

If you are interested in attending this session, please sign with your username below. This will help reviewers to decide which sessions are of high interest. Sign with four tildes. (~~~~).

  1. 28481k (talk) 11:03, 18 March 2012 (UTC)[reply]
  2. It would be nice if you could provide some links in your abstract. -- Daniel Mietchen - WiR/OS (talk) 23:24, 18 March 2012 (UTC)[reply]
  3. Valid entry (talk) 01:11, 22 March 2012 (UTC) if it doesn't collide with my presentation time[reply]
  4. Deryck Chan (talk) 16:30, 26 March 2012 (UTC)[reply]