jQuery mobile picture cropping plug-in
jQuery mobile picture cropping plug-in
js code
<script src="js/jquery-2.1.1.min.js" type="text/javascript"></script>
<script src="js/iscroll-zoom.js"></script>
<script src="js/hammer.js"></script>
<script src="js/jquery.photoClip.js"></script>
<script>
//document.addEventListener('touchmove', function (e) { e.preventDefault(); }, false);
$("#clipArea").photoClip({
width: 200,
height: 200,
file: "#file",
view: "#view",
ok: "#clipBtn",
loadStart: function() {
console.log("Photo loading");
},
loadComplete: function() {
console.log("Photo reading completed");
},
clipFinish: function(dataURL) {
console.log(dataURL);
}
});
</script>
This is a image cropping code that supports mobile device touch gestures to zoom in and out.
All resources on this site are contributed by netizens or reprinted by major download sites. Please check the integrity of the software yourself! All resources on this site are for learning reference only. Please do not use them for commercial purposes. Otherwise, you will be responsible for all consequences! If there is any infringement, please contact us to delete it. Contact information: admin@php.cn
Related Article
16 May 2016
The Slider Revolution plug-in is a very powerful plug-in. We can use it to create various effects and it also supports mobile devices, mobile phone touch, keyboard page turning; it has built-in slideshows, video playback timers and other effects. Specifically, we Come and take a look.
16 May 2016
This article introduces to you a focused jQuery special effects plug-in effect. It uses jFade to highlight and darken the picture that the mouse passes over. It is very practical and is recommended to friends for reference.
25 Jul 2016
jQuery image cropping plug-in Jcrop sample script
16 May 2016
This article mainly introduces the jQuery image upload and cropping plug-in Croppie, which implements the most common applications that require users to upload and crop avatars in various user systems. Interested friends can refer to it.
16 May 2016
The user avatar function will be used in the current project. The leader said that it is best to make it so that users can choose their own avatar by cropping the image after uploading a picture.
jQuery user avatar cropping plug-in cropbox.js example sharing
10 Jan 2018
This article mainly introduces in detail how to use the jQuery user avatar cropping plug-in cropbox.js. It has certain reference value. Interested friends can refer to it. I hope it can help you.
16 May 2016
The main content of this article is to explain the implementation code of picture corridor-gallery. Friends in need can refer to it.
Imitation of Sohu women's channel FLASH picture switching effect_image special effects
16 May 2016
When using it, you can refer to some other special effects on this site.
Describe Canvas combined with JavaScript to achieve picture special effects
07 Mar 2018
We all know that canvas is in HTML5. Canvas can make many special effects and other magical things. Of course, JavaScript can also do it. But have you ever played with canvas and JavaScript to achieve image special effects? If not, let’s take a look!
Hot Tools
jQuery+Html5 realizes beautiful confession animation code
jQuery+Html5 implements beautiful confession animation code, the animation effect is great, a must-have for programmers to confess!
Couple's romantic confession js special effects code
JS special effects code for couples' romantic confession. Such special effects can be used on wedding photography websites or placed on personal websites. It is also a good special effect. PHP Chinese website recommends downloading!
Simple js love confession artifact
Simple native js love confession artifact
Bunker's html5 particle animation expressive effects
Bunker's html5 particle animation expression special effects code, the animated special effects text can be changed in the code, you can make a page where you can customize text input, it should be very popular, this HTML5 special effect is very beautiful.
jQuery responsive background login interface template
jQuery responsive backend login interface template html source code. The login page uses jquery to verify the form and determine whether the username and password meet the requirements. Usually the login page is a page that must be used on corporate websites or mall websites. Responsive backend pages, When the browser zooms in or out, the background will resize the image according to the browser! PHP Chinese website recommends downloading!