- 资源介绍
- 更新记录
- 安装教程
js上传图片并取色代码是一款本地图片上传取色器插件,点击取色按钮获取图片所包含的颜色代码。
部分js代码
<script type="text/javascript"> (() => { let obj = {}; //获取DOM对象的方法 let $ = function(id){ return document.getElementById(id); } //获取预览图片路径 let getObjectURL = function(file){ let url = null ; if (window.createObjectURL!=undefined) { // basic url = window.createObjectURL(file) ; } else if (window.URL!=undefined) { // mozilla(firefox) url = window.URL.createObjectURL(file) ; } else if (window.webkitURL!=undefined) { // webkit or chrome url = window.webkitURL.createObjectURL(file) ; } return url ; } //十六进制转换器 let hexadecimal = function(num) { var r = parseInt(num).toString(16); if (r.length == 1) { return '0' + r; } return r.toUpperCase(); } //判断颜色是否已存在 let checkHasColor = function(arr, r, g, b) { for (var i = 0; i < arr.length; i++) { var n = equalsColor(arr[0], arr[1], arr[2], r, g, b); if (n >= 0.8) { return true; } } return false; } //判断相同颜色 let equalsColor = function(r1, g1, b1, r2, g2, b2) { return (255 - Math.abs(r1 - r2) * 0.297 - Math.abs(g1 - g2) * 0.593 - Math.abs(b1 - b2) * 0.11) / 255; } //建立canvas画布 let canvas = function(obj,size,param){ let canvas = document.createElement("canvas"); if (!canvas.getContext) { alert("很遗憾,您浏览器版本太老了,无法使用我们的小工具 !"); return; } })() </script>
猜你喜欢
-
CSS3圆形进度条动画效果
2021-02-13 -
angular+echart.js统计数据图表读取投屏显示代码
2021-02-13 -
css3遮罩层滤镜文字发光动画特效
2021-02-07 -
上下左右拖动改变DIV比例代码
2021-02-07 -
HTML5 Canvas彩色大波浪粒子动画特效
2021-02-13 -
js+css3火焰燃烧动画特效
2021-02-13 -
mimic.css动画库样式表制作各种酷炫文字动画特效
2021-02-13 -
HTML5贪吃蛇网页小游戏代码
2021-02-13 -
html5 svg开关按钮切换动画特效
2021-02-13 -
jquery表格排序和筛选表
2021-02-07
-
lc_switch插件实现苹果IOS风格单复选框样式按钮
2021-02-13 -
html5 canvas彩色碎片组合球形旋转动画特效
2021-02-13 -
SVG+CSS3复选框选中动画特效
2021-02-13 -
非常逼真的html5 svg水波纹动画特效
2021-02-07 -
支持拖拽排列的公司组织结构
2021-02-13 -
jquery表单验证插件
2021-02-07 -
兼容FF的可在网页内任意拖动的JS代码
2021-02-07 -
css3雪花飘落网页背景动画特效
2021-02-07 -
splitting+css3制作的3D立体数字时钟滚动特效
2021-02-07 -
css3卡通文字横幅动画特效
2021-02-07
猜你在找
1. 本站所有资源来源于用户上传和网络,因此不包含技术服务请大家谅解!如有侵权请邮件联系客服!lyebiz@qq.com
2. 本站不保证所提供下载的资源的准确性、安全性和完整性,资源仅供下载学习之用!如有链接无法下载、失效或广告,请联系客服处理,有奖励!
3. 您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容资源!如用于商业或者非法用途,与本站无关,一切后果请用户自负!
4. 如果您也有好的资源或教程,您可以投稿发布,成功分享后有站币奖励和额外收入!
优源网 » js上传图片并取色代码
优源网 » js上传图片并取色代码
常见问题FAQ
- 免费下载或者VIP会员专享资源能否直接商用?
- 本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。
- 提示下载完但解压或打开不了?
- 找不到素材资源介绍文章里的示例图片?
- 资源不能下载?
- 2021-02-13Hi,初次和大家见面了,请多关照!