Changeset 200:81258d8764d5 for source

Timestamp:

Feb 7, 2011, 6:57:13 PM (13 years ago)

Author:

fnevgeny

Branch:

default

Phase:

public

Message:

Added string rotation.

File:

• source/wz_jsgraphics.js (modified) (2 diffs)

source/wz_jsgraphics.js

@@ -893 +893 @@
 Allows to specify the size of the text rectangle and to align the
 text both horizontally (e.g. right) and vertically within that rectangle */
-        this.drawStringRect = function(txt, x, y, width, halign)
-        {
+/* ES: added rotation, using
+http://stackoverflow.com/questions/272799/vertical-rotated-text-in-html-table */
+        this.drawStringRect = function(txt, x, y, width, halign, angle)
+        {
+                var angleSty = '';
+                if (angle) {
+                    angle = parseInt(angle);
+                    var rot = angle/90;
+                    angleSty = 
+                        '-moz-transform: rotate(' + angle + 'deg);'                                    +    /* FF3.5+          */ 
+                        '-o-transform: rotate(' + angle + 'deg);'                                      +    /* Opera 10.5      */
+                        '-webkit-transform: rotate(' + angle + 'deg);'                                 +    /* Saf3.1+, Chrome */
+                        'filter:  progid:DXImageTransform.Microsoft.BasicImage(rotation=' + rot + ');' +    /* IE6,IE7         */       
+                        '-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=' + rot + ');'; /* IE8             */           
+                }
+                
                 this.htm += '<div style="position:absolute;overflow:hidden;'+
                         'left:' + x + 'px;'+
@@ -902 +916 @@
                         'font-family:' +  this.ftFam + ';'+
                         'font-size:' + this.ftSz + ';'+
-                        'color:' + this.color + ';' + this.ftSty + '">'+
+                        'color:' + this.color + ';' + this.ftSty + angleSty + '">'+
                         txt +
                         '<\/div>';