In this article, we are going to create an Ionic 4 application with a GeoCamera feature. The application will take pictures from device camera then watermark them with current location coordinates with Lattitude and Longitude.
Sometimes users may need this functionality in application to watermark images with any of such information for validation purposes. In this tutorial, we will also discuss a very useful js library WatermarkJS which can be used to marker mark images with text or images.
Continue reading Ionic 4 | Geolocation Camera clicking Pictures with Watermarked Latitude & Longitude Coordinates
Ionic 4 Application to use Camera and get pictures returning images as Base64 URL to show user Image taken.
Hybrid applications are very quick to build but sometimes it becomes challenging to achieve some features which involve access to hardware like GPS, Network, Storage, File Storage, Camera. Cordova comes in charge to provide plugins to make a connection with java libraries to use them.
Check: Ionic 3 Camera Tutorial Example
We have already discussed How to access the camera in Ionic’s version 3, in this article we will use Camera feature in Ionic application with latest version 4 using Cordova and Ionic Native Continue reading Ionic 4 | Use Camera using Ionic Native plugin in Ionic 4 Latest version
In many applications, we usually face some situation where we need to get Cropped images from users during form submissions. Cropped images are usually small in size and have only that part of an image which is required. Image crop behavior should be easy to use and of course easy to implement 😛
Continue reading Ionic 4 | Crop Images selected from Image Selector show in base64 format using Native plugins
We are heading a term Capacitor with Cordova for a long time. But what is a Capacitor? How to use it? Is it a substitute for Cordova? Can we use it with Cordova? there are many Questions which we will try to answer in the best possible way!
Continue reading Capacitor | How to create a simple App using Capacitor with or without Ionic
A device may have a different type of ID’s stored in it which are of different type and have different significance. Each device has this type of ID’s but in unique and distinct values. These ID’s can be a Unique Device ID, IMEI Sim number, MAC Address, etc. Continue reading Ionic 4 | Get Unique Device ID & Other Uid’s of UUID, IMEI, IMSI, ICCID and MAC using Native & Cordova Plugins
In an Ionic application, we can easily force orient screen into Landscape or Portrait mode. In some situations developers need to show UI of application in a specific layout, this plugin can help to lock/ unlock screen orientation by calling a simple method. Continue reading Ionic 4 | Set Screen Orientation in LANDSCAPE/ PORTRAIT and Lock/ Unlock using Ionic Native Plugin
Device’s screen brightness control is sometimes required to adjust screen visibility. A user generally adjusts screen brightness using quick menu by sliding down on the screen. In the Ionic application, we can programmatically adjust the screen brightness using a Native plugin.
Continue reading Ionic 4 | Add Screen Brightness Slider in Ionic 4 Application using Native plugin
Some of the applications may have some operations running on the device without any need for network connections. In that case, we may want to show some type on notifications like reminders, alerts of some notifications other then push messages. Such type of notifications which are pushed by the locally installed app in the device is local notifications. Continue reading Ionic 4 | Show Local Notifications in Ionic 4 Application using Native Plugin
In iPhones, you may have noticed that action options are shown in a sliding menu which pops out above screen sliding in from the bottom.
This is known as Action Sheet dialog mainly used to show some action buttons like in Facebook app they show options to report or flag post/images.
Continue reading Ionic 4 | Add Bottom to Up Menu / Action Sheets in Ionic Application without Native Plugin