It mainly expands the display modes of the source image and the display box, including the following modes:"Follow" follow Mode: displays the effect of moving the box following the mouse;"Handle": There is a slider on the source image to mark the display range;"Cropper" cutting mode: the original image is marked with an opaque display range, and other parts are displayed with translucent display;"Handle-cropper
The main expansion of the original image and display box show mode, there are several modes:
"Follow" follow pattern: the Display box can follow the mouse to move the effect;
"Handle" Drag handle mode: The original image has a drag handle to mark the display range;
"Cropper" cutting mode: The original artwork with opaque to mark the display range, the other parts with translucent display;
"Handle-cropper" d
them to a plug-in
Tutorial TimeI chose Fengyuan Chen's cropper because it's a great jquery plugin, and if the time limit is within 60 minutes, you certainly won't be able to rewrite the plugin without using Vue.demo:https://vue-jquery-cropper-demo.firebaseapp.com/I will show you from the very beginning, if you have finished please skip this section.Create a project#Install VUE-CLI$ NPM install-g vue-C
The Mainly expands the display mode of the original image and display box, and has the following modes: "Follow" following mode: The Display box can follow the effect of mouse movement; Handle drag handle mode: There is a drag handle on the original to mark the display range; "Cropper" Cutting mode: The original image with opaque to mark the display range, the other parts with semitransparent display; Handle-
Image cropping and asynchronous upload Plugin-one-step (recording) and one-step asynchronous upload
The Image Upload and cropping function can be seen everywhere. Some users write it by themselves, but it takes too much time. The plug-in may feel a lot. Some time ago, I wanted to pick a good plug-in and use it later, but I picked several plug-ins for use, and the results were very good. The problem was the merger. The effect of a single plug-in was very good. No problem, or people would not have
.
Android-material-exampleAnother example of Android L learning.
Material Palette PaletteMaterial design came out for some time, as Android developers want to fit a set of Material design, but also suffer from the lack of knowledge and understanding, how to do? This site will automatically help you create palettes.
Android-floating-action-buttonAndroid L-style floating button, red small meat.
ActionbarsherlockA powerful Actionbar component (not just actionbar). Android 4.0+ is implemente
Site
Smoothprogressbar: Smooth ProgressBar, various effects. GitHub Experience AddressAll kinds of ProgressBar
Supertoasts: A cynical green toast to the super-strong extension, support toast display ProgressBar, display pictures, display text and so on effects, go to feel it! Play GitHub
Androidfloatlabel:android Textview Floating Hints, the effect is similar. GitHubFloating Tips
Cropper:android and rotate the library, easy to achieve avatar and some scenes of the picture operation. Git
, it cannot be returned from the history stack.TasksOn the Android platform, tasks can be understood as multiple activities working together to complete an application, regardless of the specific application of activities. The following figure shows the relationships among applications, tasks, and activities (provided by androidres.com ):
Activities can be viewed as independent systems resources and as the subject for implementing specific applications. Tasks associate activities to implement a
excellent side-slip menu component. Google +, YouTube and Facebook have been popular in their applications, and many applications such as NetEase News have adopted this menu. There are several types of side-slip menu components, especially in this section. Look at the official website of the well-known users will know.
Android-universal-image-loaderA powerful and flexible library for loading, caching, and displaying pictures.
Android-view
activity stack can be composed of one or more tasks.Examples of tasks:Send an SMS with attachmentsWatch YouTube and share the video via emailAn important feature of interrupting a task is that a user can interrupt the current task (his task) and perform another task, then you can return to the original task to complete it. The intention of this feature is that you can run multiple tasks at the same time and switch between these tasks. There are two m
used for tree editing on your website. It is a scalable, customizable, powerful, and easy-to-use plug-in.
2. jQuery Vibrate
This is specially set up for mobile devices. It allows developers to perform vibration operations on any device at a specific time period.
3. Flight Indicators
This is a very easy-to-use plug-in. You can use HTML, CSS3, jQuery, and SVG images to display high-quality flight metrics ..
4. jQuery LightSlider
Lightslider provides adaptive and touchable content slide for you
, powerful and very easy to use plug-ins.
2. JQuery Vibrate
This is specifically built for mobile devices. It allows the developer to vibrate any device at a specific time period.
3. Flight indicators
This is a very easy to use plugin. You can use Html,css3,jquery and SVG images to display high quality flight metrics.
4. JQuery Lightslider
Lightslider can provide adaptive and tactile content sliders for your site. With a slide and fade effect, it is compatible with all major browsers
now 1:1 if need to adjust to rectangular change: 1/2Viewmode:2,//display modePreview: '. Img-preview '//view class name};$image. Cropper (options); Use these parametersvar $inputImage = input;var Uploadedimageurl;if (URL) {To add a listener to input$inputImage. Change (function () {var files = this.files;var file;if (! $image. Data (' cropper ')) {Return}if (Files files.length) {FILE = Files[0];Determine
During the development of the mobile side, you may encounter problems with cropping the picture. Of course, there are problems, no matter what method you want to be resolved, even if it is ugly, ugly point, all have to go out.
Picture cropped jquery plug-ins have a lot of, I also tested a lot, but most of them support the PC side of the picture clipping, and support the mobile side of the picture cropped less, very fluent may be less.
As a novice, I tried a number of solutions, in the initial
H5 mobile image cropping (base64 ),
During mobile development, you may encounter image cropping problems. Of course, no matter what method you want to solve the problem, you have to solve it, even if it is ugly or ugly.
There are many jquery plug-ins for image cropping, And I have tested a lot. However, most of them support pc-side image cropping, but few support mobile-side image cropping, it may be even less smooth.
As a newbie, I tried a lot of solutions. At the beginning, I tried to write a
Document directory
1. flowplayer
2. Video lightbox
3. JW player
4. GDD flvplayer
5. Mc Media Player
6. Video Player pro
7. viscom web player
8. ss4uplayer
9. anarchy Media Player
10. sublimevideo (not released yet)
11. WP Media Player
12. Flash video player
13. anarchy Media Player
14. All in one video pack
15. Viper's video quicktags
16. Smart YouTube
17. embedded video
18. wordtube
19. proplayer
20. seetheface
21. FLV embed
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.