andrepolischuk / Circlr
Licence: mit
Animation rotation via scroll, mouse and touch events
Stars: ✭ 159
Programming Languages
javascript
184084 projects - #8 most used programming language
Projects that are alternatives of or similar to Circlr
Robond Kinematics Project
Robotic Arm Pick & Place using ROS, RViz, Gazebo, and KUKA KR210
Stars: ✭ 39 (-75.47%)
Mutual labels: rotation
Zmjimageeditor
ZMJImageEditor is a picture editing component like WeChat. It is powerful and easy to integrate, supporting rendering, text, rotation, tailoring, mapping and other functions. (ZMJImageEditor 是一个和微信一样图片编辑的组件,功能强大,极易集成,支持绘制、文字、旋转、剪裁、贴图等功能)
Stars: ✭ 470 (+195.6%)
Mutual labels: rotation
Live Tools
Live-Tools is a library project which aims to convert some Android features to LiveData
Stars: ✭ 75 (-52.83%)
Mutual labels: rotation
CircularRotationView
A circular animated view to select app themes.
Stars: ✭ 15 (-90.57%)
Mutual labels: rotation
Aginterfaceinteraction
library performs interaction with UI interface
Stars: ✭ 156 (-1.89%)
Mutual labels: rotation
Rverify.js
✅❎ A lightweight image rotation verification plugin.
Stars: ✭ 33 (-79.25%)
Mutual labels: rotation
Androiduigesturerecognizer
AndroidGestureRecognizer is an Android implementation of the Apple's UIGestureRecognizer framework
Stars: ✭ 119 (-25.16%)
Mutual labels: rotation
Mesh mesh align plus
Precisely align, move, and measure+match objects and mesh parts in your 3D scenes.
Stars: ✭ 350 (+120.13%)
Mutual labels: rotation
R3det tensorflow
Code for AAAI 2021 paper: R3Det: Refined Single-Stage Detector with Feature Refinement for Rotating Object
Stars: ✭ 434 (+172.96%)
Mutual labels: rotation
Dota Doai
This repo is the codebase for our team to participate in DOTA related competitions, including rotation and horizontal detection.
Stars: ✭ 326 (+105.03%)
Mutual labels: rotation
Jpeg Autorotate
Node module to rotate JPEG images based on EXIF orientation.
Stars: ✭ 127 (-20.13%)
Mutual labels: rotation
React Native Amazing Cropper
Image cropper for react native using Animated API
Stars: ✭ 67 (-57.86%)
Mutual labels: rotation
Jqueryrotate
jQueryRotate - plugin to rotate images by any angle cross-browse with animation support
Stars: ✭ 157 (-1.26%)
Mutual labels: rotation
React Native Easy Gestures
React Native Gestures. Support: Drag, Scale and Rotate a Component.
Stars: ✭ 153 (-3.77%)
Mutual labels: rotation
circlr
Animation rotation via scroll, mouse and touch events
- Horizontal or vertical orientation
- Touch events support
- Scroll support
- Reverse and cyclic rotation
Install
npm install --save circlr
Usage
import circlr from 'circlr';
const el = document.querySelector('.container');
circlr(el)
.scroll(true)
.play()
.on('show', n => {
});
API
circlr(el)
Create rotation instance.
el
Type: string
, element
Element.
.scroll(n)
n
Type: boolean
Rotation via scroll flag.
.vertical(n)
n
Type: boolean
Vertical orientation flag.
.reverse(n)
n
Type: boolean
Reverse rotation flag.
.cycle(n)
n
Type: boolean
Cyclic rotation flag, default true
.
.start(n)
n
Type: number
Start frame, default 0
.
.interval(ms)
n
Type: number
Playback interval, default 75
ms.
.play([n])
Start sequence playback.
n
Type: number
Frame number for playback to him or infinity playback if number in not specified.
.stop()
Stop playback.
.show(n)
Show specified frame.
n
Type: number
Frame number.
.prev()
Show previous frame.
.next()
Show next frame.
.unbind()
Unbind rotation events.
Events
-
show
, when frame is showed
Support
- Internet Explorer 9+
- Chrome
- Safari
- Firefox
- Opera
Related
- react-rotation - react rotation component
License
MIT
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].