sign-area
v0.0.7
Published
A completely responsive sketchpad based on HTML5 canvas
Downloads
3
Maintainers
ashley2014Readme
sign-area
fork and inspired by Responsive-Sketchpad support fake landscape 0.0.4 new method getPaintedBase64 return '' when no draw 0.0.5 fix some language charter direct wrong 0.0.6 some language charter space large 0.0.7 add canel button
Installation
npm install sign-area
Example Usage
<!-- index.html -->
<html>
<head>
<script src="script.js" async></script>
</head>
<body>
<img id='img' alt=''>
<button id='btn'>btn</button>
</body>
<!-- Can also include global bindings if not using JS modules -->
<!-- <script src="sketchpad.js"></script> -->
</html>// script.js
import 'sign-area/dist/index.css'
import SignArea from 'sign-area'
var padFull = new SignArea({
mode: 'fullscreen',
customClass:'mypad',
backgroundColor:'#f7f7f7',
line: {
color: '#a16d69',
size: 5
},
control:{
clearText:'擦除',
confirmText:'确认',
},
onClose(pad){
pad.getBase64().then(res=>{
document.getElementById('img').setAttribute('src',res)
})
}
});
let btn = document.getElementById('btn')
btn.addEventListener('click',()=>{
padFull.open()
},false)