Project Description

The Microsoft Tag jQuery Plugin renders Microsoft Tags from .tag (string) format to an HTML5 canvas.

Supports black and white as well as color tags, custom tag (dots) and regular (triangles) and includes limited options for background colors and images.

Usage

     <div class="tag">15EB2120A3CFDC611774B7C711B</div>

     <script type="text/javascript">
          $(".tag").tag({
               width: nnn,
               backgroundColor: 'color',
               backgroundImage: 'path-to-image'
          });
     </script>

For some silly reason I set the canvas width parameter as an option with default 213px rather than just reading from parent element. Alas, for now, you must set the canvas width explicitly if you want something other than the default value.

Setting either the backgroundColor or backgroundImage options will force the tag to render as a custom tag (dots rather than triangles).

Sample Output

demotags.png

The source project is fully deployed to http://www.bonedrymartini.com/jquerytag.

Last edited Sep 3, 2011 at 4:39 PM by brmore, version 8