随机颜色

简介: function bg1(){ return '#'+Math.floor(Math.random()*256).
     function bg1(){
         return '#'+Math.floor(Math.random()*256).toString(10);
     }
     function bg2(){
         return '#'+Math.floor(Math.random()*0xffffff).toString(16);
     }
     function bg3(){
         var r=Math.floor(Math.random()*256);
         var g=Math.floor(Math.random()*256);
         var b=Math.floor(Math.random()*256);
         return "rgb("+r+','+g+','+b+")";//所有方法的拼接都可以用ES6新特性`其他字符串{$变量名}`替换
     }

bg1() ,bg2(),bg3(),三种方法能够得到随机颜色

目录
相关文章
|
6月前
|
前端开发
canvas绘制圆环
canvas绘制圆环
|
1月前
|
JSON 数据格式
Cesium绘制一个正方体
这篇文章详细说明了如何在Cesium中创建并精确控制一个厘米级精度的立方体模型。
32 2
Cesium绘制一个正方体
|
5月前
|
存储 Cloud Native Linux
OpenCV随机数与随机颜色绘制
OpenCV随机数与随机颜色绘制
|
4月前
|
前端开发
已知数组 [{ x, y, radius }, ...], 在canvas中绘制出对应图形
已知数组 [{ x, y, radius }, ...], 在canvas中绘制出对应图形
|
6月前
transform实现按钮边框旋转效果
transform实现按钮边框旋转效果
|
前端开发
canvas绘制五角星
canvas绘制五角星
188 0
Core Animation - 如何来绘制三个圆角一个直角的矩形
Core Animation - 如何来绘制三个圆角一个直角的矩形
77 0
|
缓存 定位技术
解决Leaflet.draw中polyline绘制无法结束的问题
通过本文,可以了解如何自定义Draw.PolyLine对象,以及在扩展时需要注意的一些坑,知道如何调试函数并定位问题,最终完成需求。
347 0
解决Leaflet.draw中polyline绘制无法结束的问题
|
前端开发
用canvas绘制一个烟花动画
前言 在我们日常开发中贝塞尔曲线无处不在: svg 中的曲线(支持 2阶、 3阶) canvas 中绘制贝塞尔曲线 几乎所有前端2D或3D图形图表库(echarts,d3,three.js)都会使用到贝塞尔曲线 所以掌握贝塞尔曲线势在必得。这篇文章主要是实战篇,不会介绍和贝塞尔相关的知识, 如果有同学对贝塞尔曲线不是很清楚的话:可以查看我这篇文章——深入理解SVG 绘制贝塞尔曲线 第一步我们先创建ctx, 用ctx 画一个二阶贝塞尔曲线看下。二阶贝塞尔曲线有1个控制点,一个起点,一个终点。 const canvas = document.getElementById( 'canvas'
用canvas绘制一个烟花动画
|
前端开发
canvas 中 rotate 是怎么旋转的
在今天之前,我对canvas中rotate其实是一脸蒙逼的... 虽然之前有做过图片旋转,但那是在他人的基础上直接修改的,至于为啥会这样..讲真,还真没注意过,但是今天又需要用到这块了,实在搞不定了,找了各种资料,终于明白了.. 坐标系的问题。
canvas 中 rotate 是怎么旋转的