Mirrors/one-last-image
1
0
Fork 0
mirror of https://github.com/itorr/one-last-image.git synced 2026-01-02 20:06:03 +08:00
Code Issues Packages Projects Releases Wiki Activity

点击图像对比原图

Browse Source
This commit is contained in:
itorr
2022-08-12 18:09:07 +08:00
parent 6a47152fbe
commit f3b6cd4642
3 changed files with 9 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
html/document.js
View File

@@ -175,6 +175,7 @@ const data = {
style,
runing: false,
convolutes,
diff: false,
};

2
html/document.less
View File

@@ -67,7 +67,7 @@ canvas{
canvas{
}
&:active{
&[data-diff]{
img{
opacity: 1;
}

8
html/index.html
View File

@@ -18,7 +18,13 @@
<!-- <img src="../one-last-image-logo-color.png"> -->
</header>
<div>
<div class="output-box" :data-cover="style.cover">
<div class="output-box"
:data-cover="style.cover"
:data-diff="diff"
@touchstart.prevent="diff = true"
@touchend.prevent="diff = false"
@mousedown.prevent="diff = true"
@mouseup.prevent="diff = false">
<img src="images/asuka-8.jpg" @load="setImageAndDraw">
<canvas ref="canvas"></canvas>
</div>