Graphics Doc: Violin example. added comparative file sizes.

unoduetre · Jul 26, 2011 · 7888277 · 7888277
1 parent d215b0b
commit 7888277
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 3 deletions.
diff --git a/src/graphics/docs/graphics-violin.mustache b/src/graphics/docs/graphics-violin.mustache
@@ -15,13 +15,19 @@
     left: 34px;
     position: relative;
 }
-.fuzzy{
+.woodgrain{
     opacity:0.2;
     filter:alpha(opacity=20);
 }
 </style>
 <div class="intro">
+<p>
 This example shows how to use the `Graphics` to draw the head of a violin.
+</p>
+<p>
+The comparable uncompressed .jpg photo image of the violin head was 161KB, .png(24-bit) was 359KB.
+The Graphics code to render this example is 18KB.
+</p>
 </div>
 <div class="example">
 {{>graphics-violin-source}}
@@ -50,7 +56,7 @@ This example shows how to use the `Graphics` to draw the head of a violin.
     left: 34px;
     position: relative;
 }
-.fuzzy{
+.woodgrain{
     opacity:0.2;
     filter:alpha(opacity=20);
 }

diff --git a/src/graphics/docs/partials/graphics-violin-source.mustache b/src/graphics/docs/partials/graphics-violin-source.mustache
@@ -388,7 +388,7 @@
             headWoodgrain.end();
             
             //handle for adding opacity to the whole object.
-            headWoodgrain.addClass('fuzzy');  
+            headWoodgrain.addClass('woodgrain');  
         }
         
         //The bushing for the left tuning key