How can I make an image comparison slider in Matlab?

Question

Muhammad Abir 2020-4-9

0
链接

此问题的直接链接

https://ww2.mathworks.cn/matlabcentral/answers/516718-how-can-i-make-an-image-comparison-slider-in-matlab

编辑： Ameer Hamza 2020-4-10

I'd like to create an image comparison slider in Martlab similar to this (https://www.w3schools.com/howto/howto_js_image_comparison.asp) however I have no idea how can I implement that. The slider show display two images interactively by sliding the slider over the image. I'd greatly appreaciate if somone can help me with this. Thanks in advance.

0 个评论
显示 -2更早的评论隐藏 -2更早的评论

请先登录，再进行评论。

请先登录，再回答此问题。

Answer 1

Ameer Hamza 2020-4-9

0
链接

此回答的直接链接

https://ww2.mathworks.cn/matlabcentral/answers/516718-how-can-i-make-an-image-comparison-slider-in-matlab#answer_425103

在 MATLAB Online 中打开

I patched together this example using a figure callback function. You can try it and modify according to your requirement

im_left = im2double(imread('pears.png')); % opening two example images
im_right = im2double(imread('peacock.jpg'));
im_right = imresize(im_right, size(im_left, [1 2])); % making the dimensions equal
f = figure();
ax = axes('Units', 'pixels');
imshow(im_left);
hold(ax);
im_handle = imshow(im_right);
im_handle.AlphaData = zeros(size(im_left, [1 2]));
axes_pos = cumsum(ax.Position([1 3]));
f.WindowButtonMotionFcn = {@cb,  size(im_left,2), im_handle, axes_pos};
function cb(obj, ~, im_width, im_handle, axes_pos)
    x_pos = obj.CurrentPoint(1);
    if x_pos > axes_pos(1) && x_pos < axes_pos(2)
        left_cols = floor(floor(x_pos - axes_pos(1))/diff(axes_pos) * im_width);
        im_handle.AlphaData(:, 1:left_cols) = 0;
        im_handle.AlphaData(:, left_cols+1:end) = 1;
    end
end

1 个评论
显示 -1更早的评论隐藏 -1更早的评论

Muhammad Abir 2020-4-10

Thank you so much. Much appreciated

请先登录，再进行评论。

Answer 2

Muhammad Abir 2020-4-10

0
链接

此回答的直接链接

https://ww2.mathworks.cn/matlabcentral/answers/516718-how-can-i-make-an-image-comparison-slider-in-matlab#answer_425141

Again thanks for your answer. However, I'd like to select the circle inside the center of the slider and then slide left or right. It seems the selection is always selected by default. Is there a way to select only the blue circle as shown in the link I provided and then move left-right?

1 个评论
显示 -1更早的评论隐藏 -1更早的评论

Ameer Hamza 2020-4-10

编辑：Ameer Hamza 2020-4-10

在 MATLAB Online 中打开

MATLAB does not natively support the callback for dragging mouse action. Following code shows a workaround. Adapt it according to your requirement.

im_left = im2double(imread('pears.png')); % opening two example images
im_right = im2double(imread('peacock.jpg'));
im_right = imresize(im_right, size(im_left, [1 2])); % making the dimensions equal
global isBtnPressed
isBtnPressed = false;
cir_radius = 50;
cir_angles = linspace(0,2*pi,50);
[cir_x, cir_y] = pol2cart(cir_angles, cir_radius);
cir_y = cir_y + size(im_left,1)/2;
f = figure();
ax = axes('Units', 'pixels');
imshow(im_left);
hold(ax);
im_handle = imshow(im_right);
im_handle.AlphaData = zeros(size(im_left, [1 2]));
patch_handle = patch(cir_x, cir_y, 'r', ...
    'EdgeColor', 'none', ...
    'FaceAlpha', 0.3);
axes_pos = cumsum(ax.Position([1 3]));
f.WindowButtonMotionFcn = {@cb_motion,  size(im_left,2), im_handle, cir_x, patch_handle, axes_pos};
f.WindowButtonDownFcn = @cb_btnPressed;
f.WindowButtonUpFcn = @cb_btnReleased;
function cb_motion(obj, ~, im_width, im_handle, cir_x, patch_handle, axes_pos)
    global isBtnPressed
    if isBtnPressed
        x_pos = obj.CurrentPoint(1);
        if x_pos > axes_pos(1) && x_pos < axes_pos(2)
            left_cols = floor(floor(x_pos - axes_pos(1))/diff(axes_pos) * im_width);
            im_handle.AlphaData(:, 1:left_cols) = 0;
            im_handle.AlphaData(:, left_cols+1:end) = 1;
            patch_handle.Vertices(:,1) = cir_x' + left_cols;
        end
    end
end
function cb_btnPressed(~,~)
    global isBtnPressed
    isBtnPressed = true;
end
function cb_btnReleased(~,~)
    global isBtnPressed
    isBtnPressed = false;
end