草庐IT

javascript - 获取带有渐变的colorbar中特定位置的颜色值

我使用CSS3样式(fiddle)生成了一个渐变颜色条,现在想要该颜色条中特定位置的颜色值(通过x和y坐标)。据我所知,没有直接的方法可以做到这一点。我看到两个选项:在JavaScript中实现梯度算法并从头开始计算值。是否有确切的定义该算法如何适用于多种颜色?渐变在每个浏览器中看起来都一样吗?使用canvas和createLinearGradient方法绘制渐变,直接访问Canvas获取颜色值。还有其他选择吗? 最佳答案 我选择实现您的第一个解决方案(使用JavaScript计算渐变)。这意味着您不需要依赖对canvas元素的支持

javascript - javascript中可区分的颜色生成

我想知道是否有一个简单的算法(或jQuery插件)来选择可区分的颜色,最多约20种不同的颜色。如果没有,我在哪里可以找到一组可以直接使用的可区分颜色?我的用例是为饼图生成不同的颜色。 最佳答案 我的想法是从HSV开始颜色模型并在具有最大饱和度和值的周边(色调)周围走动:functionhsvToRgb(h,s,v){//...seee.g.:http://snipplr.com/view/14590}functiondistinctColors(count){varcolors=[];for(hue=0;huedistinctCol

javascript - 如何使用 javascript 从图像中获取平均颜色或主颜色?

我想要的是从图像到另一个div背景这种颜色的HEX或RGB平均值。因此,如果我上传一张带有一点红色的图片,我会得到类似#FF0000的内容,例如。让我知道这是否可行:)非常感谢。 最佳答案 首先,在canvas上绘制图像:functiondraw(img){varcanvas=document.createElement("canvas");varc=canvas.getContext('2d');c.width=canvas.width=img.width;c.height=canvas.height=img.height;c.c

javascript - 使用 Javascript 更改文本颜色?

我想在单击按钮时更改标题的颜色。这是我的代码,但它不工作,我不明白为什么不...varabout;functioninit(){about=document.getElementById("about").innerHTML;about.style.color='blue';}AboutSnakelane 最佳答案 您为每个元素设置样式,而不是根据其内容设置样式:functioninit(){document.getElementById("about").style.color='blue';}使用innerHTML,您可以获取/

javascript - 在 javascript 中更改 RGB 颜色的色调

类似于this(如何增加亮度)我想改变RGB(十六进制)颜色的色调。说changeHue("#FF0000",40)返回"#FFAA00" 最佳答案 这是我找到的解决方案。我希望它可用,并且将来可能会有所帮助。非常欢迎任何改进或进一步的解决方案。改变色调//ChangestheRGB/HEXtemporarilytoaHSL-Value,modifiesthatvalue//andchangesitbacktoRGB/HEX.functionchangeHue(rgb,degree){varhsl=rgbToHSL(rgb);hsl

Javascript - 生成随机深色

我有这种方法可以为字体生成随机颜色:functiongetRandomRolor(){varletters='0123456789ABCDEF'.split('');varcolor='#';for(vari=0;i问题是字体总是在白色背景上,我想生成深色。可能吗?谢谢 最佳答案 如您所知,0,0,0处的RGB是最暗的黑色,它会逐渐变亮直到(255,255,255),因此您可以阻止它超过100,以仅获得深色或以十六进制表示9:HereisjsFiddlefunctiongetDarkColor(){varcolor='#';for(

javascript - 如何使用 javascript 更改链接的颜色?

我想知道如何使用javascript操作页面上的所有链接。我可以使用document.getElementById(id)按id获取元素,但如何获取链接?还有我怎样才能获得具有特定classname的所有元素?我想更改链接和类元素的颜色。我指的是这些链接:Thisisalink还有一个带有类的元素的例子:Thisisanelementwithaclass请不要使用jquery。我想要javascript。 最佳答案 简单明了(在纯JS中也是如此!)colorLinks("#00FF00");functioncolorLinks(he

javascript - 使用 Javascript 基于十六进制颜色计算渐变上的 X、Y 像素位置

我有一个raindowHSV渐变Canvas,当您单击它时,会在该位置添加一个元素,其背景为单击像素的颜色。我想要的是让它也反向工作。例如,如果您有十六进制颜色,我想在Canvas上找到该像素并在该位置创建一个元素。我的第一个想法是以某种方式使用矩阵/象限系统。我的下一个想法是,因为我使用的是HSV,所以我可以使用我的HSV梯度定位点来找出位置。问题是我的观点彼此不等距,这使得它变得更难。最重要的是,我有一个白色渐变和黑色渐变覆盖主颜色渐变,我需要考虑到这一点。所以我的问题是,如何仅使用十六进制代码找到颜色像素的位置或至少它最接近的匹配?到目前为止,这是我的代码:http://code

javascript - 通过 HEX 或 RGB 获取颜色名称

如何在知道代码RBG/HEX的情况下使用JS/JQuery获取颜色名称?例如:ColornameRGBblack#000000white#FFFFFFred#FF0000green#008000 最佳答案 您可以使用NamethatColor.示例:letresult=ntc.name('#6195ed');letrgb_value=result[0];//#6495ed:RGBvalueofclosestmatchletspecific_name=result[1];//CornflowerBlue:Colornameofclos

javascript - 找不到模块 : Can't resolve 'material-ui/styles/colors'

我有以下代码,未编译:importReactfrom'react';import{AppBar,Toolbar}from'material-ui';import{Typography}from'material-ui';import{MuiThemeProvider,createMuiTheme}from'material-ui/styles';import{cyan,red}from'material-ui/colors';import{red400}from'material-ui/styles/colors';consttheme=createMuiTheme({palette: