1 d3.request("data/geos/current/" + IdwPro[options.pro].file)
 2             .responseType("arraybuffer")
 3             .response(function (req) {
 4              var values=req;
 5             console.info(values);
 6  
 7             //色带信息。
 8             var color = d3.scaleLinear().domain([193, 206, 219, 233.15, 255.372, 273.15, 275.15, 291, 298, 311, 328])
 9             .range([d3.rgb(37, 4, 42), d3.rgb(41, 10, 130), d3.rgb(81, 40, 40),
10                      d3.rgb(192, 37, 149), d3.rgb(70, 215, 215), d3.rgb(21, 84, 187),
11                      d3.rgb(24, 132, 14), d3.rgb(247, 251, 59), d3.rgb(235, 167, 21),
12                      d3.rgb(230, 71, 39), d3.rgb(88, 27, 67)])
13             .interpolate(d3.interpolateHcl);
14             //图片高度
15             var width = 720,
16                 height = 360;
17  
18             var _blankcanvas = document.createElement("canvas");
19             _blankcanvas.width = width;
20             _blankcanvas.height = height;
21             var blankcanvas = _blankcanvas.getContext("2d").getImageData(0, 0, width, height);
22             var _idwcontext = document.createElement("canvas");
23             _idwcontext.width = width;
24             _idwcontext.height = height;
25  
26             var idwcontext = _idwcontext.getContext("2d");
27  
28  
29             var c, i = 0,
30                 n = width * height * 4,
31                 blankimg = blankcanvas.data;
32  
33             var d = new Uint8ClampedArray(n);
34             //console.info(image.data);
35             for (var i = 0; i < height; i++) {
36                 var istar = width * i;
37                 var istart = (height - i) * width;
38                 for (var j = 0; j < width; j++) {
39  
40                     c = d3.rgb(color(values.blocks[0][(istar + j)]));
41                     blankimg[(istart + j) * 4 + 0] = c.r;
42                     blankimg[(istart + j) * 4 + 1] = c.g;
43                     blankimg[(istart + j) * 4 + 2] = c.b;
44                     blankimg[(istart + j) * 4 + 3] = 255;
45                 }
46             }
47  
48             idwcontext.putImageData(blankcanvas, 0, 0);
49             //
50              
51           
52         }).get();