画布的 jQuery UI 主题

发布于 2024-11-17 17:20:46 字数 241 浏览 4 评论 0原文

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

这是我尝试过的：

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

原文

I'm using canvas in web app built with jquery ui. I added the theme-roller widget and want the canvas elements to be themeable. So the problem I'm facing is, how do I programatically access css class properties to use while drawing canvas objects?

this is what I tried:

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

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

一个人练习一个人 2024-11-24 17:20:46

知道了。需要将元素添加到 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/存档/2009/12/29/convert-rgb-to-hex.aspx

Got it. The element needed to be added to the 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 code taken from: http://haacked.com/archive/2009/12/29/convert-rgb-to-hex.aspx

回复收藏 0 原文

~没有更多了~