Join the social network of Tech Nerds, increase skill rank, get work, manage projects...
 

Search In

Draw an image using HTML5 Canvas

Draw an image using HTML5 Canvas   Hello friends, today I am going to tell you how to draw an image using HTML5 Canvas. Before moving ahead, first of all let us understand the basic of canvas. The HTML5 canvas is used to draw graphics using Ja

How to convert image into base64 string using javascript

Here is the example that shows converting an image file to base 64 string code. It can be done by the canvas method. HTML5 provides the canvas tag that is used to draw a canvas. For converting an image file to base 64 string you need to create a can

Rendering Modes of Canvas

Canvas is a game object where all the UI elements are children of it. It has a canvas component attached to it.  All UI elements can only be visible inside a canvas. If you directly create an Image then Canvas will be created automatically with

Adding Image to Canvas using Kinetic JS

This is the simple code for adding an image to a HTML5 canvas using Kinetic Js. function DrawImage() { var stage = new Kinetic.Stage({ container: 'container', width: 800, height: 600 });//Declare

Save drawing as an image using HTML5 Canvas

Save drawing as an image using HTML5 Canvas   Hello friends, today I am going to tell you how to save your drawing as an image using HTML5 canvas. Before starting, let us understand what is canvas. Canvas is used to draw graphics using javascr

Change image color programatically

If you want to change the color of an image then you can use the following code : public Bitmap changeColor(Bitmap srcBitmap, int color) { Bitmap resBitmap = Bitmap.createBitmap(srcBitmap, 0, 0, srcBitmap.getWidth() - 1, srcBitmap.getHe

Differentiate between SVG and Canvas

SVG stands for Scalable Vector Graphics it is an XML based image format which is basically used to define 2D vector graphics for the web. A vector image can be resized to any extent without destroying the image quality. SVG images are represented i

How to get images on Canvas from device

Step 1:- Create a custom CanvasView class that must extend View class and includes below function.   1) Declare the required variables in CanvasView class private Drawable mImage; // width and height of original image private flo

How to Add watermark in Image using PHP

Hello Reader's!Sometime you see watermark on image like trademark and company logo, so questions is that how you can do  this? Today in my blog i am going to explain how you can create image with trademark using PHP. create index.php file i

Merge images to make a single image

It is easy to merge different images to make a single image. It is like pasting images to a canvas and taking picture of that canvas. Below I have explained how to do it. -(UIImage*)combineImages:(NSMutableArray *)images{ CGRect frame = self.vi

prev 1 3 8
Sign In
                           OR                           
                           OR                           
Register

Sign up using

                           OR                           
Forgot Password
Fill out the form below and instructions to reset your password will be emailed to you:
Reset Password
Fill out the form below and reset your password: