Может кто дружит хорошо с javascript. Солвмедиа иногда отправляет не картинку, а код скрипта рисующий канвасом картинку, ну по крайне мере я так понимаю это.
Код ниже, может кто помочь преобразовать это в картинку.
Скрытый текст
<html>
<!-- Copyright (c) 2012 Solve Media Inc. -->
<head>
<style>
* {
margin: 0;
padding: 0;
}
#outr {
height: 150px;
width: 300px;
background-color: #E5E5FF;
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
}
#instr {
padding: 2px;
padding-top: 0px;
color: #E7E7E7;
background-color: #2D2E31;
font-family: sans-serif;
font-size: 14px;
border-bottom-right-radius: 6px;
-webkit-border-bottom-right-radius: 6px;
-moz-border-radius-bottomright: 6px;
}
#ad {
position: relative;
margin-right: 15px;
text-align: center;
height: 0px;
color: #E7E7E7;
background-color: #2D2E31;
border-bottom-right-radius: 6px;
-webkit-border-bottom-right-radius: 6px;
-moz-border-radius-bottomright: 6px;
}
#ad * {
padding-top: 1px;
padding-bottom: 2px;
}
#bott {
position: relative;
text-align: center;
}
#slog {
position: relative;
top: 0px;
color: #25853F;
}
</style>
</head>
<body ondragstart="return false" onselectstart="return false"
onmousedown="return false" oncontextmenu="return false">
<div id="outr">
<div id="ad"></div>
<div id="content">
<div id="top">
<span id="instr">Enter the following:</span>
</div>
<div id="bott"><canvas id="slog" height="150" width="300"></canvas></div>
</div>
</div>
<script>
var canvas = document.getElementById('slog');
var ctx = canvas.getContext('2d');
ctx.lineJoin = 'bevel';
function Cw(w){ ctx.lineWidth = w; }
function Cc(c){ ctx.strokeStyle = c; ctx.fillStyle = c; }
function CS(){ ctx.stroke(); Cw(3); Cc('#25853F'); ctx.beginPath(); }
function CF(){ ctx.fill(); Cw(3); Cc('#25853F'); ctx.beginPath(); }
function CM(x,y){ ctx.moveTo(x,y); }
function CL(x,y){ ctx.lineTo(x,y); }
function CQ(x,y,a,b){ ctx.quadraticCurveTo(x,y,a,b); }
function CA(x,y,r,a,b,c){ ctx.arc(x,y,r,a,b,c); }
function CR(x,y,w,h,a){ ctx.translate(x,y); ctx.rotate(a); ctx.rect(0,0,w,h); ctx.setTransform(1,0,0,1,0,0); }
Cw(3); Cc('#25853F');
Cc('#25853f');CM(83,77);CL(69,123);CS();
Cc('#25853f');CM(163,60);CL(167,58);CL(169,55);CL(171,51);CL(171,47);CL(169,45);CL(167,45);CL(162,47);CL(160,49);CL(158,54);CL(158,58);CL(161,62);CL(165,64);CL(172,64);CL(178,59);CL(182,53);CS();
Cc('#25853f');CM(107,117);CL(112,115);CL(114,113);CL(116,108);CL(116,104);CL(113,102);CL(111,102);CL(107,104);CL(105,107);CL(103,111);CL(103,115);CL(105,119);CL(110,122);CL(116,121);CL(122,117);CL(126,110);CS();
Cc('#25853f');CM(86,103);CL(88,105);CL(88,109);CL(86,116);CL(86,120);CL(90,122);CL(95,120);CL(97,118);CL(101,111);CS();
Cc('#25853f');CM(156,19);CL(144,58);CL(144,62);CL(146,65);CS();
Cc('#25853f');CM(108,46);CL(110,48);CL(110,53);CL(108,59);CL(108,63);CL(112,65);CL(117,63);CL(119,61);CL(123,54);CS();
Cc('#25853f');CM(56,47);CL(52,60);CL(53,65);CL(57,67);CL(59,67);CL(63,65);CL(68,60);CL(72,54);CS();
Cc('#25853f');CM(52,112);CL(56,106);CL(60,97);CS();
Cc('#25853f');CM(84,55);CL(88,49);CL(93,47);CL(97,49);CL(97,53);CL(93,66);CS();
Cc('#25853f');CM(154,19);CL(142,58);CL(142,63);CL(146,65);CL(150,62);CL(153,60);CL(157,54);CS();
Cc('#25853f');CM(76,47);CL(72,60);CL(72,64);CL(74,66);CS();
Cc('#25853f');CM(160,109);CL(164,103);CL(166,99);CL(166,103);CL(172,107);CL(175,111);CL(175,116);CL(173,118);CL(169,120);CS();
Cc('#25853f');CM(233,99);CL(229,112);CL(229,116);CL(234,118);CL(238,116);CL(240,114);CL(244,107);CS();
Cc('#25853f');CM(166,103);CL(170,107);CL(173,111);CL(173,116);CL(169,120);CS();
Cc('#25853f');CM(235,99);CL(231,112);CL(231,116);CL(234,118);CS();
Cc('#25853f');CM(194,50);CL(198,46);CL(203,44);CL(205,44);CL(203,50);CS();
Cc('#25853f');CM(74,47);CL(70,60);CL(70,64);CL(74,66);CL(78,64);CL(81,62);CL(85,55);CS();
Cc('#25853f');CM(59,47);CL(55,60);CL(55,65);CL(57,67);CS();
Cc('#25853f');CM(231,106);CL(229,101);CL(224,99);CL(220,99);CL(216,102);CL(214,104);CL(212,108);CL(212,112);CL(214,117);CL(218,119);CL(223,119);CL(227,116);CL(229,112);CS();
Cc('#25853f');CM(68,77);CL(56,116);CL(56,121);CL(58,123);CS();
Cc('#25853f');CM(133,46);CL(129,50);CL(127,54);CL(127,61);CL(131,65);CS();
Cc('#25853f');CM(66,77);CL(54,116);CL(54,121);CL(58,123);CL(63,121);CL(65,118);CL(69,112);CS();
Cc('#25853f');CM(190,44);CL(192,46);CL(192,50);CL(188,64);CS();
Cc('#25853f');CM(97,53);CL(101,48);CL(106,46);CL(108,46);CL(112,48);CL(112,53);CL(110,59);CL(110,63);CL(112,65);CS();
Cc('#25853f');CM(143,101);CS();
Cc('#25853f');CM(160,118);CL(164,120);CL(175,120);CL(181,115);CL(185,109);CS();
Cc('#25853f');CM(75,109);CL(79,105);CL(83,103);CL(86,103);CL(90,105);CL(90,109);CL(88,116);CL(88,120);CL(90,122);CS();
Cc('#25853f');CM(195,100);CL(191,104);CL(189,109);CL(189,115);CL(193,119);CS();
Cc('#25853f');CM(144,52);CL(141,47);CL(137,45);CL(133,46);CL(129,48);CL(126,50);CL(124,54);CL(124,59);CL(127,63);CL(131,65);CL(135,65);CL(140,63);CL(142,58);CS();
Cc('#25853f');CM(85,77);CL(71,123);CS();
Cc('#25853f');CM(181,53);CL(185,46);CL(190,44);CL(194,46);CL(194,50);CL(190,63);CS();
Cc('#25853f');CM(56,95);CL(68,95);CS();
Cc('#25853f');CM(167,45);CL(163,49);CL(161,53);CL(161,60);CL(165,64);CS();
Cc('#25853f');CM(69,112);CL(73,105);CL(77,97);CS();
Cc('#25853f');CM(93,47);CL(95,49);CL(95,53);CL(91,66);CS();
Cc('#25853f');CM(191,115);CL(195,113);CL(198,111);CL(200,106);CL(200,102);CL(197,100);CL(195,100);CL(191,102);CL(189,104);CL(187,109);CL(187,113);CL(189,117);CL(193,119);CL(200,119);CL(206,115);CL(210,108);CS();
Cc('#25853f');CM(111,102);CL(107,107);CL(105,111);CL(105,117);CL(110,122);CS();
Cc('#25853f');CM(203,44);CL(203,50);CL(205,54);CL(207,54);CL(211,52);CS();
Cc('#25853f');CM(220,99);CL(216,104);CL(214,108);CL(214,115);CL(218,119);CS();
</script>
</body></html>
