Cropbox Based on jQuery Avatar cropping plug-in and jquery cropping cropbox
Today we will share with you a jQuery-based Avatar cropping plug-in cropbox, which is a simple and practical jQuery online cropping plug-in. This plug-in is applicable to Internet Explorer 8, 360, FireFox, Chrome, Safari, Opera, aoyou, sogou, and windows of the world. As follows:
Download
JQuery Avatar cropping plug-in cropbox. js Usage Details, jquerycropbox. js
Almost every web page is required for Image Upload and image cropping. This function is implemented through the cropbox. js plug-in.
The above is all the content of this article. I hope it will be helpful for your learning and support for helping customers.
The project uses the function of uploading an Avatar. You need to upload a picture without refreshing the new image and make user requirements for the uploaded image. I will not talk about the new upload without refreshing the new image. The Juploader is used, I believe everyone is familiar with it. Let's focus on how jcron and php are configured to intercept images... syntaxHighlighter. all ();
The project uses the function of uploading an Avatar. You need to upload a picture without refreshing
The project uses the function of uploading an Avatar. You need to upload a picture without refreshing the new image and make user requirements for the uploaded image. I will not talk about the new upload without refreshing the new image. The Juploader is used, I believe everyone is familiar with it. Let's focus on how jcron and php are configured to intercept images. First, let's introduce the usage of jcron. I will not explain it one by one. We only look at the features most frequently used:[Ja
Implement features with jquery Jcrop and PHP
The project uses an upload avatar function, need to do not refresh the image upload, and upload the image of the user requirements, no refresh upload I don't say, with the juploader, I believe we are not unfamiliar, focus on the Jcron and PHP configuration to achieve the interception of images of the function, well, Anyway First introduce the use of Jcron, I will not explain, we only see the most frequently used to the function:
$ (function () {$ ('
its provision that can be used to bind, update, and unbind the corresponding method.
Bind: Fires only once when the element is generated in the document.
Update: Triggered when the bind method is triggered and when the binding data changes, in which case cropoptions is just an object. Vue.js the custom directive needs to know if its related property is also an object. That's why we need to add deep:true in this case.
Unbind: triggered when the DOM element is removed, the compon
Python3.x:pdf2htmlex (parsing pdf) Introduction to installation and usePdf2htmlex is a great tool for converting PDFs into HTML.DownloadWindows:http://soft.rubypdf.com/software/pdf2htmlex-windows-versionInstallationDownload Pdf2htmlex-win32-0.14.6-with-poppler-data.zip, directly decompression, you can use;TestIn the DOS window, switch to the Unzip directory:CD/D D:\pdf2htmlEX-win32-0.14.6Enter the test command:Pdf2htmlex-vThe result is that the installation was successful;pdf2html command UsageU
= $ ("# preview_box"). width ()/obj. w;Var ry = $ ("# preview_box"). height ()/obj. h;// Adjust the image style and display by proportional value$ ("# PreviewImg" 2.16.css ({Width: Math. round (rx * $ ("# srcImg"). width () + "px", // The width of the preview image is the product of the calculated ratio and the original image width.Height: Math. round (rx * $ ("# srcImg"). height () + "px", // The preview Image height is the product of the calculated ratio value and the original image height.Ma
"). Height ()/obj.h;
Control the picture's style and display
$ ("#previewImg") by proportional value. css ({
width:Math.round (RX * $ ("#srcImg"). Width ()) + "px",// Preview picture width is the product
height:Math.round (RX * $ ("#srcImg") that calculates the proportional value with the original picture width. Height ()) + "px"///Preview picture height is the product
of the calculated proportional value and the original picture height MarginLeft: "-" + Math.Round (RX * o
({
Width:Math.round (RX * $ ("#srcImg"). Width () + "px",//Preview picture width is the product of calculating the proportional value to the original picture width
Height:Math.round (RX * $ ("#srcImg"). Height () + "px",///preview picture height is the product of calculating proportional values to the height of the original picture
MarginLeft: "-" + Math.Round (RX * obj.x) + "px",
MarginTop: "-" + math.round (ry * obj.y) + "px"
});
}
}
}
Before using Jcrop, you must first initializ
Contact Us
The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion;
products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the
content of the page makes you feel confusing, please write us an email, we will handle the problem
within 5 days after receiving your email.
If you find any instances of plagiarism from the community, please send an email to:
info-contact@alibabacloud.com
and provide relevant evidence. A staff member will contact you within 5 working days.