Pessoal, estou com um problema na função flipv_up no jquery. Essa função faz com que o texto gire 90º; porém por algum motivo que eu não sei o qual, no IE9, somente no IE9, as letras que utilizam essa função ficam borradas ou embaçadas. Se alguem ja passou por isso e poder me ajudar. Segue a função:
(function($) {
$.fn.flipv_up = function(options) {
this.each(function(){
var htmlsav = $(this).html();
var textsav = $(this).text();
var fontsizesav = '13';
if ($(this).css('font-size') != '') {
fontsizesav = parseInt($(this).css('font-size'));
}
var heightsav = $(this).height();
var widthsav = 16+textsav.length*fontsizesav*.60;
var colorsav = '#CCC';
if ($(this).css('color'))
colorsav = $(this).css('color');
if ($.browser.msie) {
$(this).css('font-size', fontsizesav).css('width', heightsav+'px').css('height', widthsav+'px').css('font-family', 'Verdana').css('writing-mode', 'tb-rl').css('filter', 'flipv fliph').css('font-weight', 'bold');
} else {
var my_id = "canvas"+parseInt(Math.random()*1000);
$(this).empty().append("<canvas id='"+my_id+"' width='"+heightsav+"' height='"+widthsav+"' style='padding-right:0px;border-right:solid 0px #CCC' >"+htmlsav+"</canvas>");
vertical_text_up(textsav, fontsizesav, colorsav, my_id, widthsav);
}
});
return $(this);
};
})(jQuery);
function vertical_text_up(mytext, fontsize, colorsav, my_id,shiftY){
var canvas = document.getElementById(my_id);
if (canvas.getContext){
var context = canvas.getContext(‘2d’);
set_textRenderContext(context);
if(check_textRenderContext(context)) {
context.translate(-58,shiftY-3);
context.rotate(-Math.PI/2);
context.strokeStyle = colorsav;
context.strokeText(mytext,3,60,fontsize-2);
}
}
}
$(document).ready(function(){
$(’.flipv_up’).flipv_up();
});
CODIGO DA MINHA JSP:
MEU CODIGO CSS:
.groupTitle {
font:bold 11px Tahoma,Arial,Verdana;
color: #003366;
text-align: center;
background-color: #F4F4F4;
background-repeat: repeat-x;
background-position: top;
border-bottom:1px solid #999999;
border-right:1px solid #999999;
border-top:1px solid #DCDFE4;
border-left:1px solid #DCDFE4;
}
