Click here to Skip to main content

Submit your article

Canvas

Canvas

Great Reads

Greg The Robot - Game Dev with TypeScript

by Marcelo Ricardo de Oliveira

A shoot'n'up HTML5 game made with Phaser game framework

Sixteen Segment Display with the HTML5 Canvas

by Steve Marsh

A fully customizable 16 segment display using the HTML5 canvas

Dancing with Spirals

by Voevudko A. E., Ph.D.

Understanding and using technique of generating and plotting spirals in plain JavaScript. Offering web-pages demonstrating different kind of spirals.

How to Write a 3D Modeling Application in JavaScript

by Gary.Miller.WPF

In this article, I describe how I implemented a 3D subdivision surface modeling application in JavaScript and WebGL.

Latest Articles

SineSum: Sum of Sines - in HTML5

by Amarnath S

Sum of Sines in HTML5

Canvas Control Library and New Forms Based System for building Web Pages and Websites

by Akshay Srinivasan2

Canvas Control Library provides highly customizable controls using the HTML5 Canvas element. Also includes a new Forms based system which is a new way to build your web pages and websites.

Physical Simulations in Vanilla JS

by practicalDeveloper

JavaScript, HTML based physical computer models on canvas

How to Write a 3D Modeling Application in JavaScript

by Gary.Miller.WPF

In this article, I describe how I implemented a 3D subdivision surface modeling application in JavaScript and WebGL.

All Articles

Canvas

How to generate this canvas in JS according my example picture?

N 23 Apr 2024 by M-Badger

Let's assume that the arc is part of a circle. Let's assume that the centre of the circle is the point '+' on your diagram and hence the radius of the circle is 0.5 * b - call this point X. Call the intersection of the arc and the line on the...

How to generate this canvas in JS according my example picture?

U 22 Apr 2024 by Member 16073923

Hello Guys... I am struggling to make this done. Lines are easy, but I can not figure out the mathematic points for connection of line and arc... if anyone can help in any way, it would be highly appriciate. here[^] is a link to my picture ...

Soft body physics like manipulation of text using spring mass model on html5canvas

7 May 2023 by Member 14930137

` A code project with no squishy text.Using the sping-mass model,the text is converted to a particle seperated by springs.The particle should behave like soft body physics as springs. The i simply no output of the spring. What I have tried: I...

SineSum: Sum of Sines - in HTML5

25 Jan 2023 by Amarnath S

Sum of Sines in HTML5

Asp.net menu dropdown behind canvas (gojs)

23 Jun 2022 by Alaren

I have a webforms asp.net website which is using the standard menu control. we have a page that contains a html5 drawing canvas which is for gojs charting. When the menu expands, it seems to appear in front of the canvas itself, but behind any...

Asp.net menu dropdown behind canvas (gojs)

23 Jun 2022 by Alaren

Aha, found it, the menu needed to have the postition:relative added to make the z-index work.

Make particles shooting out at a random angle in HTML5 canvas

2 Jun 2022 by canvas_newbi

I'm trying to make a game in HTML5 Canvas. In the game, I try to make particles shoot out of under the player at random angles, but I can't get it done. Here is what I tried: What I have tried: class Practicals { constructor() { this.x =...

Collision detection between rotated images

29 May 2022 by canvas_newbi

I have two Rotated images that rotate at a random degree and I want to know when they collide with each other. I tried a simple collision detection for rectangles but it doesn't work when they are rotated. I would really appreciate some help. ...

`New image()` and `document.createelement('img')` on canvas

15 May 2022 by Chopin2001

Receives an object containing image information as json and draws it on the canvas. The following is the inside of the draw function. In this case, which is better, createElement(img) or new Image()? and Why? What I have tried: canvas =...

`New image()` and `document.createelement('img')` on canvas

15 May 2022 by Richard Deeming

Image() - Web APIs | MDN[^]: The Image() constructor creates a new HTMLImageElement instance. It is functionally equivalent to document.createElement('img'). The only difference between new Image() and document.createElement('img') is that one...

Addlying text to the canvas using a temporary text box.

12 May 2022 by Chopin2001

I Solved it. $('.sstt').remove(); and function drawText(txt, x, y){ //add line; context.fillText = 'white'; } It's Work. Thanks Viewer.

Addlying text to the canvas using a temporary text box.

12 May 2022 by Chopin2001

Click on the canvas to create an input text window at the location. When enter, the input text box disappears and only the text is pasted to the canvas. But I am having trouble clearing the input text box. document.body.removeChild Uncaught...

Get height and width of multi-line text on canvas

14 Mar 2022 by tech360.ats

We are implementing a comment functionality on canvas, so for drawing the comment we use a comment image and draw text over it . Could you please let us know how could we get the height and width of the multi-line text written so that we can fit the text inside the image?What I have...

Not able to change button object color (javascript)

22 Nov 2021 by Robo Blox

I have been trying to debug my mostly java script button object's mouseover function. What I am trying to create, is a function call (in this case show()) within the object that will listen for the mouseover event and change the object's button...

Not able to change button object color (javascript)

22 Nov 2021 by Member 15440288

make your button like this function colorin(){ document.getElementById('btn').style.color = "grey"; } function color(){ ...

How do I make an object bounce off walls in javascript

7 Oct 2021 by Richard Deeming

Quote: if(yPos

How do I make an object bounce off walls in javascript

7 Oct 2021 by akeem jokosenumi

So Im new to javascript and trying to make a ball i designed bounce off the canvas so far i made it go down the bounce back up once it touches the canvas but when it comes back up it wont go down for some unknown reason. It would also be of some...

I can I make a animation like attachment file by canvas

27 Sep 2021 by atiq ur rehman 2021

Animation flow is as follows: There are mainly 4 steps. Movement 1 LINE like the one below moves from left to right (When loading) Movement 2 LINE spreads to fill the screen Movement 3 A number of wavy lines appear in a wavy movement, creating...

Why canvas context don't translate by global variables in ondrag event?

12 Sep 2021 by Ali Bahaari 2021

Consider the HTML code below: No Canvas Support! And this is `canvasDragging` and `context.translate` codes in JavaScript: // Canvas Context let...

Why canvas context don't translate by global variables in ondrag event?

12 Sep 2021 by Richard Deeming

The translate method adds a translation transform to the current matrix: CanvasRenderingContext2D.translate() - Web APIs | MDN[^] It does not bind that transform to the variables you pass in. If you later change the value stored in those...

How to decode a binary buffer to an image in node.js?

1 May 2021 by Chopin2001

The code below converts the binary to a base64 image and displays it exactly on the canvas. However, I don't want to use base64 for two reasons. First, I know that base64 increases the size. For features that use a lot, this doesn't seem like a...

How to decode a binary buffer to an image in node.js?

1 May 2021 by Chopin2001

//node.js var imageBuffer = new Buffer.alloc(data.size); var fd = fs.openSync('/file.dat', 'r'); fs.readSync(fd, imageBuffer, 0, size, address); let binary = Buffer.from(imageBuffer, 'binary'); fs.close(fd, function(){}); //in javascript...

How to decode a binary buffer to an image in node.js?

30 Apr 2021 by Jon McKee

Something like this should work: let binary = Buffer.from(data); //or Buffer.from(data, 'binary') let imgData = new Blob(binary.buffer, { type: 'application/octet-binary' }); let link = URL.createObjectURL(imgData); let img = new Image();...

Multiple line chart not displaying labels - chart js

29 Apr 2021 by AO1411

Hi, I need to display multiple lines of data on a javascript chart. I successfully display the chart, but for some reason the label just isn't displaying. I have tried multiple examples but I don't find exactly what I need to do. What I have...

Multiple line chart not displaying labels - chart js

29 Apr 2021 by Member 13432855

For multi line chart in MVC using chart.js (dynamic) Create a Class LabelPoint, Reference your X and Y points on the graph so the data looks something like this [ { Label : "ABC" , DataPoint :[ { X: '222' , Y :60 } ] } ] It will be an...

Image quality gets decreased when used in HTML canvas

19 Apr 2021 by geomukkath

I am using an image having a dpi of 300. For some reason the image in the canvas looks very blurry. On smaller screens it looks fine. I have tried many remedies on the internet for this. One of them works. Ensuring our Canvas Visuals Look Good...

Image quality gets decreased when used in HTML canvas

19 Apr 2021 by OriginalGriff

So go back to where you got the solution from, and ask there - they will know a lot more about it than we will!

How to animate shapes in canvas HTML script

13 Apr 2021 by Sunny Bee

I have created a Canvas and I am working with HTML and inside the HTML script tags I have created shapes that I want to move to animate. I want to add an animation to my Canvas. I Want to animate the Triangle and the Hexagon so that they rotate...

Discord.js how to fix canvas error: couldn't load image

10 Apr 2021 by AroTheBirb

I'm coding a discord bot using discord.js I want to use canvas and merge-images to edit my images but I get error "Error: Couldn't load image" when trying to make a command const mergeImages = require('merge-images') const { Canvas, Image } =...

Canvas Control Library and New Forms Based System for building Web Pages and Websites

8 Mar 2021 by Akshay Srinivasan2

Canvas Control Library provides highly customizable controls using the HTML5 Canvas element. Also includes a new Forms based system which is a new way to build your web pages and websites.

Physical Simulations in Vanilla JS

29 Sep 2020 by practicalDeveloper

JavaScript, HTML based physical computer models on canvas

Problem adding canvas ( fabric.js) inside an iframe

25 Aug 2020 by Tammy Diprima

The fabric.Control is not a constructor issue has to do with the version of fabric.js that you are using. The error does not occur with version: "4.1.0" Get the script tag here The Cannot read property 'add' of null error is occurring...

Problem adding canvas ( fabric.js) inside an iframe

25 Aug 2020 by Member 11837260

Hello, please can someone help me solve the problem adding canvas with fabric.js inside an iframe. I have a button that allows me to add rectangles to a canvas. I created the canvas object with fabric.js that I added inside an iframe despite all...

Multiple line chart not displaying labels - chart js

2 Aug 2020 by Sandeep Mewara

I see the following works fine: var ctx = document.getElementById("myChart"); var myChart = new Chart(ctx, { type: 'scatter', data: { datasets: [ { label: 'Chart 1', data: [{x: 1, y: 2}, {x: 2, y: 4}, {x: 3, y:...

How to Write a 3D Modeling Application in JavaScript

29 Jun 2020 by Gary.Miller.WPF

In this article, I describe how I implemented a 3D subdivision surface modeling application in JavaScript and WebGL.

How do I drag and drop an image into canvas?

23 May 2020 by MadMyche

Really hard to tell you what you should try when you don't tell us what doesn't work. Perhaps this tutorial could help you out: HTML5 Drag and Drop File Upload with Canvas[^]

How do I drag and drop an image into canvas?

23 May 2020 by Member 14841832

This may be a very basic question. I have a canvas and I want to be able to drag and drop images into canvas. The images are upload from the computer. What I have tried: I ve tried, but nothing work. Can anyone provide me with some code, how...

Take screenshots of full webpage in multiple chunks recursively using javascript

11 Dec 2019 by AbhiAbzs

I want to take the full-page screenshots of a web-page, but in chunks of only visible view recursively. I am using the following code to take a screenshot of the full page. What I have tried: Here is my code for the same:- var imgTxt; function genScreenshot() { ...

WPF: How to Erase somthing in canvas?

12 Nov 2019 by Abed AlSayed

Hello, I'm trying to make a drawing board tha support adding shapes and images. for pencil I use this code and I don't think that there is a way to erase it but just trying: Dim lin As New Line lin.Stroke = New SolidColorBrush(Color.FromArgb(100, 255, 0, 0)) ...

How do I create a canvas image from an iPad?

12 Aug 2019 by Alex Reynaud

I am creating a signature form that needs to convert an HTML5 canvas to a .png file, then move that file to a directory where its information can be copied into a SQL table. While the canvas works perfectly well and is capable of sending images to the server on a desktop PC, it is having...

How do I create a canvas image from an iPad?

12 Aug 2019 by Alex Reynaud

The issue is actually not a JavaScript error, but a C# error. Here is what UploadImage() should be doing: public static void UploadImage(string imageData) { var impersonator = new ImpersonationHelper("", "", ""); impersonator.StartImpersonating(); string...

How do I create a canvas image from an iPad?

3 Aug 2019 by Gerry Schmitz

Quote: Whether you actively use it or not, every iOS app you develop has its own unique sandboxed file system comprised of a set of directories, most notably the “Documents” directory. Detailed discussion of the iOS file system’s structure and how you perform tasks like reading, writing,...

How do I make a window in tkinter canvas below the one which has a button to execute a function

3 Mar 2019 by Member 14169509

Good afternoon, everyone I am a beginner at making guis with tkinter and Python 3.6 I wanted to make a 'Quizlet' like interface for adding questions. How can I make the next frame appear right below the one in which I clicked +? What I also want is to have easily accessible datat structure fot...

Get distance mesure after drawing

14 Feb 2019 by MadMyche

Looks like a good start; finding the deltas for the X & Y coordinates. double dblDistX = Math.Abs(pt1.X - pt2.X); double dblDistY = Math.Abs(pt1.Y - pt2.Y); Now I'm guessing that you want the diagonal distance (Z) between these 2 points. Time to break out the HS Geometry book and look up my...

Falling Blocks on Canvas

8 Feb 2019 by Sergey Alexandrovich Kryukov

V.7.5.1: Derived work: customizable Falling Blocks with pure HTML + JavaScript + Canvas, using strict mode, complete with help and all classic Falling Blocks operations

Get distance mesure after drawing

8 Feb 2019 by Member 14126364

Hi iam make an app for 2d automatic drawing by importin data. Not my points are draw, i want to calculate distance between two points and show it automaticaly and the screen. I would need to move it if necessary for drawing quality view What I have tried: double dblDistX = Math.Abs(pt1.X -...

How do I overlay canvas to represent layers of object types, such that I can show/hide specific layers.

14 Jan 2019 by Member 11830457

So to be frank I have previously posed this on StackOverflow without getting any particularly helpfull answers, I accept there might be arguably better ways of structuring the code but I want partly to understand the limitations of the Canvas object (if indeed that is the problem) and as there...

How do I overlay canvas to represent layers of object types, such that I can show/hide specific layers.

14 Jan 2019 by Gerry Schmitz

Why are you even bothering with "multiple canvases"? "Layers" are a logical construct. If there is nothing (extra) to see, then simply assign a "layer #" to each component and "process a layer" by iterating over the same layer # (hiding, showing, coloring, whatever). Think in terms of filters.

I want to create a canvas.js application for image editing for cars

7 Jan 2019 by Prasad Nikumbh

Hi, You can do this application but first you have to create a database for the same where you have to mention size of image ,location(x and y) and all.After that,you can search for events of canvas and also there are some jquery libraries available like jquery.Jcrop.js so you can use that...

I want to create a canvas.js application for image editing for cars

7 Jan 2019 by Member 14109498

Hi I was thinking of doing a side project on canvas .js and I’m really into cars and wanted to see if there was a way of creating a site for car lovers to upload images of their car and have other canvas elements that they could drag and drop on to the image that they uploaded and change for...

Ships not moving when pressing arrow keys in javascript space invaders game

31 Aug 2018 by Richard MacCutchan

You already posted this in the Javascript forum. Please do not crosspost.

Ships not moving when pressing arrow keys in javascript space invaders game

31 Aug 2018 by Member 13960971

Hey everyone, I am currently creating a javacript space invaders game and hav stumbled upon a problem. Whenever I press the right and left arrow keys the ship does not move right or left. Here is my code function startGame(){ gamearea.start(); } function movePlayer(event){ ...

Draw a blinking circle on canvas - android studio

30 Aug 2018 by Samira Radwan

I have created a method to switch between 2 colors every X time. I called this method on the class constructor (the class extends View) The method: private void setCircleAnimation(){ final int color1 = Color.parseColor("#3399ff"); final int color2 = Color.parseColor("#84c1ff"); ...

Draw a blinking circle on canvas - android studio

30 Aug 2018 by Samira Radwan

Hi all, I have java class extends view. I draw a simple circle on canvas. The requirements is to make this circle blink or flash. I have tried many things and searched alot with no luck. It's pretty easy to make textView or image blink by adding animation, but the circle I have to draw then make...

Draw a blinking circle on canvas - android studio

30 Aug 2018 by Gerry Schmitz

Blinking or "strobing" can cause epileptic fits in certain individuals and is therefore not recommended. It's grouped in with "web sites that suck". ("Rotating" is better IMO).

Detect canvas and its sprites - pixijs

30 Jun 2018 by Kornfeld Eliyahu Peter

The target (currentTarget) of the event is the element you are looking for...

Detect canvas and its sprites - pixijs

30 Jun 2018 by Member 13892308

I'm trying to detect wich canvas and sprite is when click event occurs. What I have tried: In my html: In my...

Upload image having bigger size (20 MB or more) using canvas in HTML5

4 Apr 2018 by Member 11052432

Hi All, Canvas has height/width restriction for IE only. It accepts image height and width as 8192 pixels irrespective of the image size. If height/width exceeds then “out of memory" or "Not enough storage is available to complete this operation" issues occur while drawing image on canvas. So...

Zoom into my canva with mouse (coordinate system)

30 Mar 2018 by Tareq Jami

I'm working on a webapp and it includes one part where I draw the graph of a function, the coordinate system is made by Canvas. The problem is, I can not zoom into my coordinate system. I want to make it able to zoom in and out + moving the coordinate system using the mouse. The x and y values...

Gearographic Curves - Part 2

20 Mar 2018 by Voevudko A. E., Ph.D.

Continue defining and presenting Gearographic curves from the simplest to the most intriguing. Offering web-pages and R scripts used to illustrate different aspects of it.

Gearographic Curves - Part 1

12 Mar 2018 by Voevudko A. E., Ph.D.

Defining and presenting Gearographic curves from the simplest to the most intriguing. Offering web-pages and R scripts used to illustrate different aspects of it.

How do I download pdf using jspadf and html2canvas?

19 Feb 2018 by istudent

I am trying to create pdf from my web page. I am trying to use Html2Canvas to take image and then save as pdf using Jspdf. But for some reason my code does not work. Please look at my code and try to help me out. What I have tried:

Greg The Robot - Game Dev with TypeScript

26 Nov 2017 by Marcelo Ricardo de Oliveira

A shoot'n'up HTML5 game made with Phaser game framework

Detect color of particular area of image

16 Nov 2017 by The Prateek

I'm trying to write code to detect color of particular area of image. So far I have come across is using opencv, we can do this, But still haven't found any particular tutorial to help with this. I want to do this with javascript, but I can also use python opencv to get the results. can anyone...

image-recognition

image-processing

Php: dragging images into canvas from the mysql server cannot be used for editing

10 Nov 2017 by rhemielco

I have this error in the console.log which says: Uncaught TypeError: Cannot read property 'width' of null at HTMLDivElement.handleDrop In this process I access the images data by filtering it using a drop-down list and view it in the div element. I have no problem with this but only when using...

Dancing with Spirals

2 Nov 2017 by Voevudko A. E., Ph.D.

Understanding and using technique of generating and plotting spirals in plain JavaScript. Offering web-pages demonstrating different kind of spirals.

Posting large text via classic-ASP form

27 Oct 2017 by Member 13489122

I gets an error due to can't get the value of textbox below: ADODB.Stream error '800a0bb9' Arguments are of the wrong type, are out of acceptable range, or are in conflict with one another. My HTML Codes

Posting large text via classic-ASP form

27 Oct 2017 by /randz

The maximum POST size depends on web server and web browser. I have a feeling that the the Base64 sample on your post is partial and probably large. Since this is post under ASP classic, check AspMaxRequestEntityAllowed setting of your web server. That should give you some ideas.

Android: how to properly scale mouse/touch input?

6 Aug 2017 by ryanhaas

I have an android game where the canvas is scaled to look the same on all devices using this code: canvas.scale((float)(getWidth()/(double)WIDTH), (float)(getHeight()/(double)HEIGHT)) where WIDTH and HEIGHT are 1920 and 1080 respectively. My problem is that for all my touch collisions (i.e. a...

How can I binding canvas to an observablecollection WPF

11 Jul 2017 by TheRealSteveJudge

I do not know how your RoleList is defined. Maybe this example can lead you into the right direction: public class Role { public string Name { get; set; } public string Type { get; set; } } And your ObservableCollection is defined like this private ObservableCollection roleList; ...

How can I binding canvas to an observablecollection WPF

11 Jul 2017 by ThabetMicrosoft

I created a Scroll bar at the bottom of the window, to scroll a simple text written manually, it works well But I want to scroll a list of items from my database, I do the binding to an ObservableCollection.. but I don't have the return of my ItemSource... I have the return : (Collection)...

How to alert the pointed image when rotation stops on it?

15 Jun 2017 by rhemielco

I tried searching the google and all the questions related to this problem but i failed. In my case I have a two canvasses joined together using the z-index. The first one is the images forming into circle and the second one is the rotating image which is the canvas itself. Now my problem is...

How to alert the pointed image when rotation stops on it?

15 Jun 2017 by Richard Deeming

You're going to do a little bit of maths. First, work out what angle your bottle will finish at, from 0° to 360°. var clamped = deg % 360; if (clamped

How to convert this jquery code to javascript?

13 Jun 2017 by rhemielco

$('#myCanvas2').on('click', function(e) { this.removeAttribute('style'); var r = Math.random(); var deg = 3000 + Math.round(r * 500); deg = Math.pow(-1,i) * deg; var css = '-webkit-transform: rotate(' + deg + 'deg);'; this.setAttribute('style', css); i++; }); What...

How to convert this jquery code to javascript?

13 Jun 2017 by Karthik_Mahalingam

document.getElementById('myCanvas2').onclick = function (e) { this.removeAttribute('style'); var r = Math.random(); var deg = 3000 + Math.round(r * 500); deg = Math.pow(-1, i) * deg; ...

Building A Slideshow App Using SignalR

24 May 2017 by raddevus

Use SignalR to create a Slideshow app which asynchronously updates all web clients so they see the same slide you are seeing.

Beginner's Guide to Using SignalR via ASP.NET

22 May 2017 by raddevus

Learn to use SignalR to asynchronously update all web clients using SignalR broadcasts.

Resize rectangle with four corners corresponde to mouse position using fabric js

17 Apr 2017 by Member 13134629

var canvas = document.getElementById('canvas'), ctx = canvas.getContext('2d'), rect = { x: 150, y: 100, w: 123, h: 58 }, handlesSize = 4, currentHandle = false, drag = false; function...

How do I take output of textbox to manipulate JS?

12 Apr 2017 by Member 13113452

Okay so in the "What have you tried?" is the code I currently have. I was wondering if anyone could help me make it so a text box appears and when you paste a processing.js code it outputs a drawing. If that makes sense. Basically, fill(255, 255, 0); ellipse(200, 200, 200,...

How do I take output of textbox to manipulate JS?

12 Apr 2017 by Nick_3141592654

Your question isn't very clear. It seems that you want to create a web page containing a text box and a Canvas. You want a user to be able to type some text that happens to be javascript code into the text box, and for that JS code to execute. It also happens to be the case that the JS of...

When scaling and translating canvas, filling color not good. I don't understand how to solve it?

14 Mar 2017 by Razia Rani

So I have a canvas that I draw a bitmap onto.. When the scale factor of the canvas is 1.0f everything works perfectly and fill color perfectly how I want it to.. However the problem is when I change the scale of the canvas. Either zoomed in or out I run into problems with filling color in...

Javascript code to split JSON data into four datapoints array to bind with stackedbar chart canvasjs?

6 Mar 2017 by Sagar Tajpara

Try This code. It Will Work.$(document).ready(function () { $.ajax({ type: "POST", url: "Pagename/Data", data: "{}", contentType: "application/json; charset=utf-8", dataType: "json", success: function (r)...

Javascript code to split JSON data into four datapoints array to bind with stackedbar chart canvasjs?

3 Mar 2017 by Member 12359516

I have JSON string array in the following format:{ [ { "BillingMonth":"11", "BillingYear":"2016", "Volume":"72", "BillingMonthName":"November", "BillingProduct":"Product1" }, { "BillingMonth":"11", ...

Show value in popup on doughnut chart slice click in chart.js

9 Feb 2017 by sachin.vishwa90

hi chap, i hope you are referring this jquery library.this library says that you can configure the click event on legand. visit the link and search for "legend.onClick" keyword. this will give you the event and legandItem.Now you have to write the logic to identify your leganditem and...

Show value in popup on doughnut chart slice click in chart.js

9 Feb 2017 by Ravi Sargam

I am showing doughnut chart using Chart.js, on slice click i want value in PopUp.This is my HTML CodeCode to fill and show data

Screenshot of several overlaying images HTML canvas

5 Feb 2017 by Member 12983962

Hello! I'm building a site where I'm letting people overlay images and then saving a screenshot of this on my server, using html2canvas and PHP. I'm not very experienced with either of them. The problem is that the canvas only captures one of the overlaying images when saving the content...

How to draw or write text by hand on image selected from gallery in android

28 Dec 2016 by learnasucan

Actually I have written a code to select image from gallery,but I dont know how to draw or write a text by hand on it.and Edited image should be saved separately in sdcard.Basically I have to make basic paint app where canvas will be my selected image,and my touch is input to draw a circle or...

How to set a video as my page background ?

22 Dec 2016 by Shemeemsha (ഷെമീംഷ)

How to set a site background like this sitewww.hashtagmyass.com[^]

How to set a video as my page background ?

22 Dec 2016 by santosh-k1

Need to add below code to implement :css*****************.video-block { position: fixed; top: 50%; left: 50%; z-index: 1; min-width: 100%; min-height: 100%; width: auto; height: auto; transform: translate(-50%, -50%);}.text-wrapper { ...

How to combine two bitmaps in android

11 Nov 2016 by Member 12846241

The first bitmap is set to fill the entire canvas. I then add another bitmap that has been created from an imageview using:tattoo.buildDrawingCache();Bitmap bit2 = tattoo.getDrawingCache();I then want to add this bitmap over the other keeping it's same scale, rotation, and translation...

Uncaught IndexSizeError: Failed to execute ‘getImageData’ on ‘CanvasRenderingContext2D’: The source width is 0.

4 Oct 2016 by Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ)

We will discuss a problem that I recently came across while working with images in coding.

image-processing

Create Custom View in Android MATRIX EFFECT CANVAS Tutorial

17 Sep 2016 by hexgear

Hi all as I stared my development with android I always wanted to create a Custom view . To learn about canvas I decided to create matrix rain effect which I can add to my android layout. Here is the complete tutorial which I have post I posted it at my blog http://www.androidlearner.com/

custom-controls

How to upload a canvas to the server for QR code decoding - HTML5, jquery

24 Aug 2016 by dinesh_redhawk

How to upload a canvas to the server for QR code decoding?The function snapshot is taking photo and the uploadimage should upload the canvas as image to server. But UploadImage() is not working.Please guide.

How to upload a canvas to the server for QR code decoding - HTML5, jquery

24 Aug 2016 by Richard Deeming

Once again, document.querySelector()[^] returns the first matching element. If there is no matching element, it returns null.Your document does not contain an element, so document.querySelector('img') will return null.You then attempt to set the .src property on the returned value,...

Wpf VB.NET print preview CANVAS

20 Aug 2016 by chenwah chong

I am trying to create a moving character and my code is not working?

12 Aug 2016 by Ghostdragon777

In Html and Javascript I am trying to make the character (a letter O) move with the wasd keys. I have tried everything I can, and I can't get it to work. Can you tell me how to do it. Also, can you be pretty specific... I kind of a beginner. Here is the code.

I am trying to create a moving character and my code is not working?

12 Aug 2016 by Patrice T

You should learn to use the debugger as soon as possible. Rather than guessing what your code is doing, It is time to see your code executing and ensuring that it does what you expect.The debugger allow you to follow the execution line by line, inspect variables and you will see that there...

I am trying to create a moving character and my code is not working?

11 Aug 2016 by Karthik_Mahalingam

Small Correction KeyCode for d-> 68s-> 83a-> 65w-> 87 if (event.keyCode == 68) //d player.pressRight = true; else if (event.keyCode == 83) //s player.pressDown = true; else if (event.keyCode == 65)...

How can I make my animations smoother in my HTML5 canvas game written in javascript?

28 Jun 2016 by Member 12609701

So my animations are working. Mouse and keyboard controls are working, but my images keep flickering. The problem is I've used setInterval(); which (I think) is causing my images to flicker. I'm trying to userequestAnimationFrame(); to solve this, but all my elements just...