JTOPO 修改图片颜色

其实JTOTO中报警的处理是通过设置：alarm、alarmColor和setImage(url)来实现的。

alarm属性不为null表示有节点报警；

alarmColor属性设置报警时图片的颜色。

报警时修改图片颜色为alarmColor的代码在jtopo-min.js中的changeColor方法中实现，具体代码如下：

        function changeColor(a,b,c){var d=c.split(","),e=parseInt(d[0]),f=parseInt(d[1]),g=parseInt(d[2]),h=canvas.width=b.width,i=canvas.height=b.height;a.clearRect(0,0,canvas.width,canvas.height),a.drawImage(b,0,0);for(var j=a.getImageData(0,0,b.width,b.height),k=j.data,l=0;h>l;l++)for(var m=0;i>m;m++){var n=4*(l+m*h);0!=k[n+3]&&(null!=e&&(k[n+0]+=e),null!=f&&(k[n+1]+=f),null!=g&&(k[n+2]+=g))}a.putImageData(j,0,0,0,0,b.width,b.height);var o=canvas.toDataURL();return o}function genImageAlarm(a,b){var c=a.src+b;if(alarmImageCache[c])return alarmImageCache[c];var d=new Image;return d.src=changeColor(graphics,a,b),alarmImageCache[c]=d,d}

但是有些图片报警效果并不如意。所以我做了些修改：

function changeColor(a, b, c) {var d = c.split(","), e = parseInt(d[0]), f = parseInt(d[1]), g = parseInt(d[2]), h = canvas.width = b.width, i = canvas.height = b.height; a.clearRect(0, 0, canvas.width, canvas.height), a.drawImage(b, 0, 0);  var j= a.getImageData(0, 0, b.width, b.height),k= j.data,len=k.length;   for (var l = 0; h > l; l++) for (var m = 0; i > m; m++) { var n = 4 * (l + m * h);0 != k[n + 3] && (null != e && (k[n + 0] += e), null != f && (k[n + 1] += f), null != g && (k[n + 2] += g))}//上面的代码不能注释，否则图片会变小    var qrcolor=c.split(',');for(var i=0;i<len;i+=4){k[i] = qrcolor[0]; k[i+1] = qrcolor[1]; k[i+2] = qrcolor[2];}a.putImageData(j,0, 0, 0, 0, b.width, b.height);var o = canvas.toDataURL(); return o
}

JTOPO 修改图片颜色相关推荐

html修改img图片颜色,教你如何用CSS修改图片颜色
原标题:教你如何用CSS修改图片颜色看到题目是不是吓了一跳?css竟然还有这个操作?还真是第一次听说~ 原理嘛,其实很简单的,用到的就是 CSS3 滤镜filter中的drop-shadow,该滤镜 ...
PS CC 2015 修改图片颜色和大小
为什么修改图片颜色? [预期:]设计师给的设计稿两种颜色的图片,图片尺寸要求是48x48像素,一张绿色,一张白色. [实际]绿色图片符合要求,白色图片是40x40像素,偏小.测试妹子不干了!!! [解 ...
iOS 修改图片颜色
iOS小菜一碟:1:用代码修改图片颜色首先需要是Xcode的assets里面的图片选中图片 DraggedImage-1.png 在属性面板里可以看到Render As,选择Template Im ...
修改图片颜色色相饱和度亮度 ColorMatrix
Android开发中经常会遇到一些简单的图片处理,比如修改图片的颜色,饱和度,亮度等.今天就给大家介绍一下简单的图片处理. 基础知识颜色的三要素色调(色相/颜色):物体的颜色: 饱和度(彩度):色 ...
【python-小工具-3】抠图-透明化背景-修改图片颜色
1.图片处理-修改颜色有时候有种困扰!把网上的截屏,或者一般图片拖到PPT或者其他文档里面去,会有一个明显的白底框框. 放进PPT里面也太丑了点,干脆把图片的白底给弄透明,可就为这下个PS,不符合程 ...
技巧分享：如何利用CSS属性修改图片颜色？
熟悉前端开发的小伙伴肯定有遇到过这种情况,那就是需要给一个图标或者图片增加一个移动变色等属性,传统做法就是再添加一个颜色的图片文件替换,那么有没有可能直接利用css属性来变更颜色呢? 其实是可以实现的 ...
python实现批量修改图片颜色
原本图片有两个颜色,但是颜色太接近了,看不清楚,所以使用以下程序把所有灰色转换成白色,看的更清晰. import os from PIL import Image# 源目录 MyPath = 'D:/ ...
前端技巧|利用CSS属性修改图片颜色
熟悉前端开发的小伙伴肯定有遇到过这种情况,那就是需要给一个图标或者图片增加一个移动变色等属性,传统做法就是再添加一个颜色的图片文件替换,那么有没有可能直接利用css属性来变更颜色呢? 其实是可以实现的 ...
教你如何用CSS修改图片颜色
看到题目是不是吓了一跳?css竟然还有这个操作?还真是第一次听说~ 原理嘛,其实很简单的,用到的就是 CSS3 滤镜filter中的drop-shadow,该滤镜可以给图片非透明区域添加投影.你可以理 ...

JTOPO 修改图片颜色

JTOPO 修改图片颜色相关推荐

最新文章

热门文章