iOS and Android
<NativeViewHost>
<Native.Signature ux:Name="SignMeIn"/>
</NativeViewHost>
For accessing Signature panel functions you will need to give a ux:Name to Native.Signature and call Save(argument) on it.
Save(argument) function accept one argument, the name of your file and his extension (should be .png)
<App>
<ClientPanel>
<Grid Rows="8*, 1*">
<NativeViewHost>
<Native.Signature ux:Name="SignMeIn"/>
</NativeViewHost>
<JavaScript>
var Observable = require("FuseJS/Observable")
exports.Save = function(){
SignMeIn.Save("youhouuu.png");
}
</JavaScript>
<Button Text="Save" Clicked="{Save}"/>
</Grid>
</ClientPanel>
</App>
for clearing the signature pad, you will need to call your ux:Name with the Statement ClearSignature(). only work on android.
for iOS you will simply need to longPress on the screen to erase the last signature.
<App>
<ClientPanel>
<Grid Rows="8*, 1*">
<NativeViewHost>
<Native.Signature ux:Name="SignMeIn"/>
</NativeViewHost>
<JavaScript>
var Observable = require("FuseJS/Observable")
exports.Clear = function(){
SignMeIn.ClearSignature();
}
</JavaScript>
<Button Text="Clear" Clicked="{Clear}"/>
</Grid>
</ClientPanel>
</App>
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent