var a1,a1,a3,b1,b2,b3;
function chooseImage1(){
var canvas1 = document.getElementById("image1");
var fileinput = document.getElementById("img1");
image = new SimpleImage(fileinput);
image.drawTo(canvas1);
}
function chooseImage2(){
var canvas2 = document.getElementById("image2");
var fileinput = document.getElementById("img2");
hideimage = new SimpleImage(fileinput);
hideimage.drawTo(canvas2);
}
function encode()
{
var opimage =new SimpleImage();
var output = document.getElementById("output");
for(var pix of image.values()){
var red = a1 + b1;
var green = a1 + b1;
var blue = a1 + b1;
pix.setRed(red);
pix.setGreen(green);
pix.setBlue(blue);
}
image.drawTo(output);
}
function MainImages()
{
for(var pixel of image.values()){
var r = Math.floor(pixel.getRed()/16)*16;
var g = Math.floor(pixel.getGreen()/16)*16;
var b = Math.floor(pixel.getBlue()/16)*16;
a1 = pixel.setRed(r);
a2 = pixel.setGreen(g);
a3 = pixel.setBlue(b);
}
}
function HideImages()
{
for(var pixel of hideimage.values()){
var r = Math.floor(pixel.getRed()/16);
var g = Math.floor(pixel.getGreen()/16);
var b = Math.floor(pixel.getBlue()/16);
b1 = pixel.setRed(r);
b2 = pixel.setGreen(g);
b3 = pixel.setBlue(b);
}
}
.canvas1{
height:400px;
width:800px;
border: 2px solid white;
border-radius:20px;
}
body{background:#0059b3;}
h1{color:#000066;}
button
{
height:50px;
width: 150px;
background:#9900ff;
border-radius:20px;
font-size:20px;
font-family:times-new-roman;
}
<body>
<script src='https://www.dukelearntoprogram.com/course1/common/js/image/SimpleImage.js'>
</script>
<canvas id="image1"></canvas>
<canvas id="image2"></canvas>
<canvas id="output"></canvas>
<br>
<input type="file" id="img1" accept="image/*" onchange="chooseImage1();">
<input type="file" id="img2" accept="image/*" onchange="chooseImage2();">
<button id="encode" onclick="encode();">Encode</button>
</body>
Привет всем, я пытаюсь сделать это изображение стегнографическим веб-приложением, и каждый раз, когда я его запускаю, он выводит только черное изображение, которого я не делаю. не знаю, что с этим не так. Но каждый вывод - черное изображение.
Ссылка на мой код: https://codepen.io/dbhatt97/pen/VwvOLOL
Цель кода состоит в том, чтобы скрыть одно изображение в другом изображении на уровне пикселей, и для этого используется техника стегнографии.
Переменная image
- это исходное изображение. а переменная hideimage
- изображение, которое нужно скрыть. Я думаю, что что-то не так с моим javascript, потому что он всегда показывает черное изображение на выходе.