获取指定坐标的颜色值代码：{ui->setupUi(this);timer = new QTimer(this);connect(timer, SIGNAL(timeout()), this, SLOT(timeout()));}void Widget::timeout(){QPoint point = this->mapFromGlobal(QCursor::pos());QRgb rgb = imgpixel(point);qDebug()<<qRed(rgb);qDebug()<<qGreen(rgb);qDebug()<<qBlue(rgb);qDebug()<<"==============";img = this->grab()toImage();}void Widget::mousePressEvent(QMouseEvent ){img = this->grab()toImage();ui->label->setPixmap(QPixmap::fromImage(imgscaled(ui->label->size())));timer->start(10);}void Widget::mouseReleaseEvent(QMouseEvent ){timer->stop();}先把当前的Widget 截成， 再从里获取指定坐标的颜色值
<body style="height: 2000px;">
<div class="c f" onclick="fn()" style="border:10px solid #ccc;height: 80px;color:red;background:rebeccapurple"> 我是div</div>
<script>
let div = documentquerySelector('div');
/ 通过style在行内样式上获取样式 /
/ 使用style获取样式 写的什么 就能获取到什么
不会转成rgb 和 出现其他的样式 /
consolelog('style',divstylecolor )
consolelog('style',divstylebackground )
/ style是获取不到在内部样式上或者外部样式上的样式的 /
// consolelog( divstylecolor )
// / font-size js中要是用驼峰的方式获取 /
// consolelog( divstylefontSize )
/ 使用windowgetComputedStyle可以获取行内、内部、外部的所有样式
但是 获得color是rbg格式的，获取的background是所有属性 /
consolelog( windowgetComputedStyle(div,null)color )
consolelog( windowgetComputedStyle(div,null)fontSize )
consolelog( windowgetComputedStyle(div,null)background )
consolelog( windowgetComputedStyle(div,null)height )
// documentonscroll = function (){
// consolelog(documentdocumentElementscrollTop);
// }
</script>
/
HSL颜色值转换为RGB
换算公式改编自 >
<!DOCTYPE html>
<html>
<head>
<title>getHexColor js/jQuery 获得十六进制颜色</title>
<meta charset="utf-8" />
<script type="text/javascript">
function getHexBgColor(){
var str = [];
var rgb = documentgetElementById('color')stylebackgroundColorsplit('(');
for(var k = 0; k < 3; k++){
str[k] = parseInt(rgb[1]split(',')[k])toString(16);
}
str = '#'+str[0]+str[1]+str[2];
documentgetElementById('color')innerHTML = str;
}
function getHexColor(){
var str = [];
var rgb = documentgetElementById('color')stylecolorsplit('(');
for(var k = 0; k < 3; k++){
str[k] = parseInt(rgb[1]split(',')[k])toString(16);
}
str = '#'+str[0]+str[1]+str[2];
documentgetElementById('color')innerHTML = str;
}
</script>
<style type="text/css">
#color{
width: 200px;
height: 200px;
line-height: 200px;
text-align: center;
}
</style>
</head>
<body>
<div style="color: #88ee22; background-color: #ef8989;" id="color"></div>
<input onclick="getHexBgColor();" type="button" value="获得背景色" />
<input onclick="getHexColor();" type="button" value="获得字体颜色" />
</body>
</html>
点击“获得背景色”按钮，会调用getHexBgColor()方法获取css的背景色。
以上就是关于auto js获取颜色坐标数值 并比较大小 然后点击相应坐标 求大神帮忙修改全部的内容，包括:auto js获取颜色坐标数值 并比较大小 然后点击相应坐标 求大神帮忙修改、js之获取元素样式、rgb和hsl转换（js）等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）