首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

JS获取图片中随机一点颜色

实现效果 昨天泽泽分享了一篇有意思的文章:纯CSS根据图片取色设置背景色,主要分享了一个就是div嵌套img的时候,如何实现div的颜色为img中一点的颜色。...如下图所示,在PS中打开一张图片,如果将这张图片一直放大,具体到每个像素点,会发现图片单个像素点内的颜色值都是唯一的。...实现效果 有了具体的思路了就是如何实现了,因为我这个页面是前后端渲染的动态页面,改PHP代码的话有点麻烦,所以我就考虑从前端入手,使用JQuery来实现: 获取每一个友链链接.board-item; 然后通过显示迭代获取每一个友链中的背景图...; 然后将下方文字的背景图设置为获取的背景图地址,同时,使用Math.random()产生一个随机数,这样的话就可以实现对图片中随机一点进行取色,且每次刷新都会产生不一样的效果。...text-align:center; } span { color:red; } <script src="https://code.jquery.com/jquery-latest.<em>js</em>

3.8K30
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    JS生成随机颜色的简单方式,16进制自动补0

    有时会遇到需要随机生成颜色的需求,可以使用下面的JS代码来实现。 分为两种,一种是 rgb() ,一种是16进制。...RGB随机颜色:     function rgb(){//rgb颜色随机         var r = Math.floor(Math.random()*256);         ...Math.random()*256);         var rgb = 'rgb('+r+','+g+','+b+')';         return rgb;     } 16进制随机颜色...:     function color16(){//十六进制颜色随机         var r = Math.floor(Math.random()*256);         var...前补0具体方法实现:JS实现16进制颜色、数字前自动补0 声明:本文由w3h5原创,转载请注明出处:《JS生成随机颜色的简单方式,16进制自动补0》 https://www.w3h5.com/post/

    4.8K00

    VBA代码:随机颜色生成器

    标签:VBA,自定义函数 一个VBA自定义函数,生成随机颜色,可以专门排除不想要的颜色。一段过程代码,生成颜色索引及对应颜色的参考表,用以在自定义函数中指定你不需要的颜色提供参考。...'设置公共变量来记住值 Public pubPrevColor As Integer '用途——该函数可以选择随机颜色,也可以排除你不喜欢的颜色 Function intRndColor() Dim...Again As Label Again: intRndColor = Int((50 * Rnd) + 1) '随机生成 Select Case intRndColor Case Is = 1...= intRndColor '将当前颜色赋给之前的颜色 End Function '用于查看颜色,为随机颜色生成器选择不需要的颜色 Sub ViewColors() Dim x As Integer...Sheets.Add Cells(1, 1).Value = "颜色索引#" Cells(1, 2).Value = "颜色示例" For x = 2 To 58 Cells(x, 1)

    16710
    领券