画布的jQuery UI主题

Question

我在用jquery ui构建的web应用程序中使用画布。我添加了主题滚轮小部件，并希望画布元素具有主题感。所以我面临的问题是，如何在绘制画布对象时以编程方式访问要使用的CSS类属性？

这是我的尝试：

var color = $("<div></div>").addClass("ui-state-default").css("background-color"); 

Answer 1

明白了。该元素需要添加到DOM。取自

function getClassProperty(clazz,prop,type){ 
    type = (type || false) ? type : "div"; 
    var dummy = $("<"+type+" style='display=none;'></"+type+">").addClass(clazz).appendTo("body"); 
    var value = dummy.css(prop); 
    dummy.remove(); 
    if(value.indexOf("rgb") != -1){ 
     var digits = /(.*?)rgba?\((\d+),\s?(\d+),\s?(\d+)[\),]/.exec(value); 
     return "#" + (parseInt(digits[4])|(parseInt(digits[3])<<8)|(parseInt(digits[2])<<16)).toString(16); 
    }else{ 
     return value; 
    } 
} 
console.log(getClassproperty("ui-state-default","background-color")); 

rgb2hex代码：http://haacked.com/archive/2009/12/29/convert-rgb-to-hex.aspx