xd-tayde / Touchkit
基于mtouch封装的,更便于业务使用的贴纸手势库
Stars: ✭ 48
Programming Languages
javascript
184084 projects - #8 most used programming language
Projects that are alternatives of or similar to Touchkit
Better Gesture
A gesture library use for pc, mobile, vue, and mini programs
Stars: ✭ 419 (+772.92%)
Mutual labels: gesture, touch
React Gesture Responder
a gesture responder system for your react application
Stars: ✭ 99 (+106.25%)
Mutual labels: gesture, touch
Hovertouchview
Stimulate Apple's Force Touch or 3D Touch on Android App with Hover Gesture
Stars: ✭ 192 (+300%)
Mutual labels: gesture, touch
gesto
You can set up drag, pinch events in any browser.
Stars: ✭ 47 (-2.08%)
Mutual labels: touch, gesture
gestures
A library for normalized events and gesture for desktop and mobile.
Stars: ✭ 31 (-35.42%)
Mutual labels: touch, gesture
Zingtouch
A JavaScript touch gesture detection library for the modern web
Stars: ✭ 2,019 (+4106.25%)
Mutual labels: gesture, touch
Alloyfinger
Super tiny size multi-touch gestures library for the web. You can touch this →
Stars: ✭ 3,244 (+6658.33%)
Mutual labels: gesture, touch
React Native Swipe Gestures
4-directional swipe gestures for react-native
Stars: ✭ 471 (+881.25%)
Mutual labels: gesture, touch
React Native Sketch
🎨 A React Native <Sketch /> component for touch-based drawing.
Stars: ✭ 627 (+1206.25%)
Mutual labels: touch
Xjychart
iOS Chart. Support animation, click, scroll, area highlight.
Stars: ✭ 854 (+1679.17%)
Mutual labels: touch
Navigation Toolbar
Navigation toolbar is a slide-modeled UI navigation controller made by @Ramotion
Stars: ✭ 587 (+1122.92%)
Mutual labels: gesture
Lunar Unity Console
High-performance Unity iOS/Android logger built with native platform UI
Stars: ✭ 628 (+1208.33%)
Mutual labels: gesture
Hammer Slider
DISCONTINUED - HammerSlider touch is a lightweight infinite carousel plugin.
Stars: ✭ 21 (-56.25%)
Mutual labels: touch
Gesture recognition
a gesture recognition verification lock
Stars: ✭ 37 (-22.92%)
Mutual labels: gesture
Range Slider
The simplest JavaScript custom range slider ever!
Stars: ✭ 41 (-14.58%)
Mutual labels: touch
Chrome Virtual Keyboard
Touch-friendly Virtual Keyboard for Chrome browser
Stars: ✭ 35 (-27.08%)
Mutual labels: touch
Touchkit.js
Introduction
This toolkit is built on mtouch.js
and mcanvas.js
. Use it, you can build a gesture project quickly and get a image automatically. concerned less and do more!
Installation
npm install touchkit --save
Basic Usage
The idea of touchkit is that init create a touch box firstly, and then use tk.background()
add the background and use tk.add()
add the touch-element into the touch box, finally, export a composite image by tk.exportImage()
. The image is what you see in touch box.
the simple example, see the document for more details.
// init create touch box
new Touchkit('.js-par')
// add background image
// type: contain/crop
// the background-image will place at the bottom of touch-box
.background({
image:'./images/p2.jpg',
type:'contain',
})
// add operable element to touch box
.add({
image:`images/ear.png`,
width:'100px',
use:{
drag:true,
pinch:true,
rotate:true,
singlePinch:true,
singleRotate:true,
},
pos:{
x:116,
y:45,
scale:1.25,
rotate:2.63,
},
}).add({
image:`images/neck.png`,
width:100,
limit:true,
close:true,
use:'all',
pos:{
x:0,
y:0,
scale:1,
rotate:0,
},
})
// export a image contain all elements what you see in touch box
.exportImage(b64=>{
console.log(b64);
})
document
License
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].