Skip to content
Toggle navigation
P
Projects
G
Groups
S
Snippets
Help
php
/
s7e-avatar
This project
Loading...
Sign in
Toggle navigation
Go to a project
Project
Repository
Issues
0
Merge Requests
0
Pipelines
Wiki
Snippets
Members
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Commit
dbb0ca3e
authored
Nov 07, 2020
by
doszhang
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
dos
parent
08a1c87c
Hide whitespace changes
Inline
Side-by-side
Showing
1 changed file
with
2 additions
and
117 deletions
+2
-117
Public/static/js/common.js
+2
-117
No files found.
Public/static/js/common.js
View file @
dbb0ca3e
...
...
@@ -139,16 +139,6 @@ var showTip = function (msg, delay) {
$
(
'#notification_area'
).
remove
();
return
my_notify
(
msg
,
delay
);
}
var
init
=
function
()
{
inited
=
true
;
$
(
'.imgTip'
).
html
(
'<canvas></canvas>'
);
canvas
=
$
(
'canvas'
).
get
(
0
);
ctx
=
canvas
.
getContext
(
'2d'
);
ctx
.
scale
(
2
,
2
);
var
img
=
loadedImages
[
'/Public/static/image2/cover/1.png'
];
canvas
.
width
=
img
.
width
;
canvas
.
height
=
img
.
height
;
}
var
drawImage
=
function
()
{
if
(
uploadedImg
)
{
ctx
.
save
();
...
...
@@ -165,49 +155,6 @@ var drawImage = function () {
var
img
=
loadedImages
[
'/Public/static/image2/cover/4.png'
];
ctx
.
drawImage
(
img
,
0
,
0
);
}
var
showPage1
=
function
()
{
custom
=
false
;
$
(
'.page'
).
hide
().
filter
(
'.page1'
).
show
();
if
(
!
firstSwiper
)
{
var
swiperHtml
=
$
(
'<div class="swiper-container"><div class="swiper-wrapper"></div></div>'
);
swiperHtml
.
attr
(
'id'
,
'firstSwiper'
).
css
({
width
:
$
(
'.swiperBox'
).
css
(
'width'
),
height
:
$
(
'.swiperBox'
).
css
(
'height'
)
});
swiperHtml
.
appendTo
(
'.swiperBox'
);
for
(
var
i
=
1
;
i
<
4
;
i
++
)
{
if
((
4
-
i
)
==
4
)
wz
=
'png'
else
wz
=
'jpg'
var
img
=
'/Public/static/image2/cover/'
+
(
4
-
i
)
+
'.'
+
wz
;
images
.
push
(
loadedImages
[
img
]);
var
item
=
$
(
'<div class="img"><img src="'
+
img
+
'" /></div>'
);
item
.
wrap
(
'<div class="swiper-slide"></div>'
).
parent
().
prependTo
(
$
(
'#firstSwiper'
).
find
(
'.swiper-wrapper'
));
}
$
(
'.img'
).
css
({
width
:
$
(
'.showBox'
).
css
(
'width'
),
height
:
$
(
'.showBox'
).
css
(
'height'
)
});
firstSwiper
=
new
Swiper
(
'#firstSwiper'
,
{
'allowSlideNext'
:
true
,
// direction: 'vertical'
});
// firstSwiper.detachEvents()
}
else
{
$
(
'.swiperBox,.make,.username'
).
show
();
$
(
'.again,.saveTip,.showBox'
).
hide
();
$
(
'input'
).
val
(
''
);
$
(
'.inputTip'
).
show
();
}
}
var
showPage2
=
function
()
{
custom
=
true
;
uploadedImg
=
false
;
$
(
'.again,.saveTip,.showBox'
).
hide
();
$
(
'.page'
).
find
(
'.imgTip,.make,.username'
).
show
();
$
(
'input'
).
val
(
''
);
$
(
'.inputTip'
).
show
();
$
(
'.page'
).
hide
().
filter
(
'.page2'
).
show
();
}
var
onInput
=
function
()
{
var
maxLength
=
10
;
if
(
getLength
(
this
.
value
)
>
maxLength
)
...
...
@@ -237,66 +184,4 @@ String.prototype.gblen = function () {
}
}
return
len
;
}
var
mc
=
new
Hammer
(
$
(
'.imgTip'
).
get
(
0
));
mc
.
get
(
'pan'
).
set
({
direction
:
Hammer
.
DIRECTION_ALL
});
mc
.
get
(
'pinch'
).
set
({
enable
:
true
});
mc
.
get
(
'rotate'
).
set
({
enable
:
true
});
mc
.
on
(
'panstart panmove panend'
,
function
(
event
)
{
if
(
!
uploadedImg
)
{
return
;
}
if
(
event
.
type
==
'panstart'
||
event
.
type
==
'panend'
)
{
oldpoz
.
x
=
0
;
oldpoz
.
y
=
0
;
}
else
{
var
movedX
=
(
event
.
deltaX
-
oldpoz
.
x
);
var
movedY
=
(
event
.
deltaY
-
oldpoz
.
y
);
oldpoz
.
x
=
event
.
deltaX
;
oldpoz
.
y
=
event
.
deltaY
;
//console.log("movedX:" + movedX + ' movedY:' + movedY + 'event.deltaX:' + event.deltaX + ' event.deltaY:' + event.deltaY + "\r\n");
imgInfo
.
x
+=
movedX
*
4
;
imgInfo
.
y
+=
movedY
*
4
;
drawImage
();
}
//苹果手机自动调整图片 不需要旋转
if
(
navigator
.
userAgent
.
indexOf
(
'iPhone'
)
>
-
1
)
{
imgInfo
.
rotation
=
0
;
}
return
false
;
});
mc
.
on
(
'pinchstart pinchmove pinchend'
,
function
(
event
)
{
if
(
!
uploadedImg
)
{
return
;
}
if
(
event
.
type
==
'pinchstart'
||
event
.
type
==
'pinchend'
)
{
oldpoz
.
scale
=
imgInfo
.
scale
;
}
else
{
var
nowScale
=
event
.
scale
*
oldpoz
.
scale
;
//oldpoz.scale = event.scale;
imgInfo
.
scale
=
nowScale
;
drawImage
();
}
return
false
;
});
// mc.on('rotatestart rotatemove rotateend', function (event) {
// if (!uploadedImg) {
// return;
// }
// if (event.type == 'rotatestart' || event.type == 'rotateend') {
// oldpoz.rotation = 0;
// } else {
// var nowRotation = (event.rotation - oldpoz.rotation);
// oldpoz.rotation = event.rotation;
// imgInfo.rotation += nowRotation;
// drawImage();
// }
// return false;
// });
\ No newline at end of file
}
\ No newline at end of file
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment