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

top

Canvas

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

HTML

HTML5

Typescript

Javascript

VS2013

Canvas

game

Sixteen Segment Display with the HTML5 Canvas

4 Apr 2013 by Steve Marsh

A fully customizable 16 segment display using the HTML5 canvas

HTML5

Javascript

Canvas

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.

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.

Physical Simulations in Vanilla JS

29 Sep 2020 by practicalDeveloper

JavaScript, HTML based physical computer models on canvas

HTML5 Canvas : Clean JavaScript & Code Organization Allows Faster Dev, Easier Extensibility

3 May 2016 by raddevus

Less than 300 lines of JavaScript creates an interesting "Game of Life" example (random moving graphic creatures with lifespans - see animated gif).

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.

HTML5 Snow Canvas

27 Apr 2012 by Agon Avdimetaj

the HTML5 Canvas can be used as a background in websites modified as needed to design.

Article 11 - Beginner's Guide to Android Animation/Graphics

5 Oct 2014 by Grasshopper.iics

The Simplest Graphics and Animation tutorial you ever wanted

Need help in html 5.

14 Jun 2012 by Manas Bhardwaj

From w3schools:The createLinearGradient method creates a gradient object that changes from one color to another. You can specify how and where these changes will take place, using the coordinate parameters. The x0 and y0 parameters represents the start coordinates of the gradient. The...

HTML5

HTML

Canvas

Persistent Client-Server Game of Life with Obelisk.js & Spike Engine

23 Jun 2015 by Kel_

A game of life "MMO", with a persistent simulation running on the server.

Algorithm : Calc Convex Hull & Draw HTML5 Canvas (Part 2 of N)

26 Apr 2016 by raddevus

Adding more methods (select points, draw triangles, etc) which allow us to do some specialized drawing on the HTML5 Canvas so we can investigate the Calc Convex Hull algorithm.

Can a Xaml page be a child of Canvas in WPF?

13 May 2013 by Walby

Whilst I have never tried to directly host a page in the canvas control, I can confirm that you can host it in a Frame control sitting on the canvas control. Then set the source of the Frame control to show the Page control. Please see below: Source="ChildPageView.xaml" ...

Drawing on an HTML Canvas

27 Apr 2014 by Dennis E White

Development of a jQuery plugin to be used to create and draw on a canvas element

How to Create a Simple Drawing App using HTML 5 Canvas [fabricJS]?

19 Dec 2015 by Swagat Parida

Steps to create a simple drawing app using HTML5 Canvas

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.

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...

WPF

Canvas

Angular in a Cordova

23 Jul 2015 by Siddharth Chandra

How to use Angular in a Cordova Environment and its impact

asp.net html5 canvas

12 Mar 2012 by E.F. Nijboer

A html5 canvas is meant for client-side drawing. In your case you want to draw server-side and therefor don't need a html5 canvas. Have a look at the link how to dynamically create server-side images.Create Dynamic Images in ASP.NET[^]Good luck!

HTML5

ASP.NET

Canvas

how to sweep two canvases in wpf.

20 Sep 2012 by Kenneth Haugland

I got it to work like this:

WPF

Canvas

animation

Coordinate System in HTML5 Canvas, Drawing with y-axis Value Increasing Upwards

5 Jun 2013 by morzel

For some type of animations, default coordinate system is inconvenient, fortunately, you can change it using transformation methods...

HTML5

Javascript

Canvas

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 move a bitmap on android canvas ?

28 Feb 2015 by Sergey Alexandrovich Kryukov

As in many other graphics rendering system, your code is the handler of some event invoked when the drawing is required. You hard-coded the bitmap coordinates, so what would you expect. You have to make these coordinate depending on some field(s) of declaring class, say, bitmapX, bitmapY. You...

How to Integrate HTML5 Javascript Game with PHP backend (High Security Required)

4 Mar 2015 by Stephen Hewison

There is no way to stop the user from viewing/debugging your JS code.You can obfuscate and minimise your code to make it harder to read but harder is not impossible.The only way to ensure the security of such a game is to make sure all the decisions about awards are done server...

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.

how can I draw a rectangle and circle/ellipse in WPF like we do in paint by dragging mouse

13 Jun 2012 by Tim Corey

Here is a basic article that will help you figure out how to draw these shapes:http://msdn.microsoft.com/en-us/library/ms747393.aspx[^]To draw them using the mouse, just start the drawing on mouse down at the coordinates of the mouse pointer (set that as one corner of the object being...

how to use 2 canvases

26 Sep 2012 by ridoy

http://prajaktagodbole.com/blog/2011/02/analog-clock-using-html5-canvas-and-javascript/[^]

HTML5

Canvas

Canvas to image problem WPF

24 Apr 2013 by Kenneth Haugland

There are lots of different ways of doing this, you might try this:http://stackoverflow.com/questions/5851168/save-canvas-to-bitmap[^]The easiest solution would ofcourse be to save the imaqge in some vector format, but you would have to build the function by had, or so it...

WPF

Canvas

image

Load Xaml file in a Container (eg: Canvas) in a xaml page in WPF using C#

12 May 2013 by Sergey Alexandrovich Kryukov

I'm not sure you can make a page a child of Canvas, but it surely could be another Canvas instance. You can read a Canvas object from the XAML file and insert the result of it.For a sample of appropriate XAML, you can use use open-source Inkscape (wonderful application, a must to have,...

Can a Xaml page be a child of Canvas in WPF?

13 May 2013 by Mohammed Hameed

Please clarify whether the Canvas control can hold a Xaml page content (can we load Xaml into Canvas dynamically by reading the Xaml page?) Thanks.

submit image multiple times to html5 canvas

3 Aug 2013 by Shmuel Zang

It seems like it happens because you calculate the random number once and, use the same calculated numbers for the whole of the images. In addition to that, the Math.random function gives a number between 0 to 1. So, in order to get different locations, you can multiply the random results with...

HTML5

Canvas

Draw a half circle with mouse on html5 canvas

12 Aug 2013 by Maciej Los

Have a look here: The Developer’s Guide to HTML5 Canvas[^].[EDIT]arc method[^]//ctx is a canvas contextctx.beginPath();var x = 50; // The x-coordinate.var y = 50; // The y-coordinate.var radius = 20; // The arc radius; you need to calculate...

HTML5

Canvas

HTML5 Canvas drawing framework

14 Oct 2013 by Paulo Augusto Kunzel

After more researching, some comparison indicators were found explaining some of the libraries and both advantages and disadvantages.For those who have the same doubts as I was, here are some links to help you...

Draw circle/ellipse on HTML5 canvas using mouse events

5 Feb 2014 by Dexter11

I want something like ellipse option in paint for drawing on my canvas. I have achieved this partially. The problem is i am not able to get radius of circle, currently i have hard coded it to 15. Also i want to draw ellipse(same as paint) not exact circle.This is my code for drawing circle on...

Javascript

Canvas

How do I add a color it in feature to a website

20 Feb 2014 by Sergey Alexandrovich Kryukov

This is a really great idea to do something good for children, something which should stimulate creativity, not consumerism like most of the resources!But first, you need to grow up enough to apply some critical thinking and logic :-). HTML5 Canvas is maybe the best opportunity these days,...

Javascript

jQuery

Canvas

Plot area's on HTML5 Canvas

8 Apr 2014 by Dexter11

I have a requirement where i have to draw areas on HTML5 canvas, area are drawn using circle,rectangle,polygon tool(This is part of configuration i.e only defining the area's). Later in Dashboard(where the configured area's can be viewed) i want to show small sub area's within the...

Javascript

Canvas

How to inherit attached propeties for inkcanvas

25 May 2014 by awaynemd

I have a customInkCanvas which inherits from InkCanvas.I have an image that I wish to place on the InkCanvas.For the normal InkCanvas, this works:Canvas.SetTop(image, y);Canvas.SetLeft(image, x);InkCanvas.Children.Add(image);However, for CustomInkCanvas, the above fails. So...

WPF

Canvas

Best way to obtain a visual From a canvas?

26 May 2014 by Sergey Alexandrovich Kryukov

You don't really need to "capture" the Visual, because System.Windows.Controls.InkCanvas is already System.Windows.Media.Visual:http://msdn.microsoft.com/en-us/library/system.windows.controls.inkcanvas.aspx[^] :-).If you need the whole canvas area, it's apparently canvas.ActualWidth and...

WPF

Canvas

Creating Custom Controls for Windows Store App (Javascript- WinJS)

26 Jun 2014 by Murali Gowda

WinJS custom control to plot/draw a simple donut like chart

Store Data from an HTML Canvas as a Byte[] and Save it in Azure

2 Jul 2014 by Sacha Barber

How to store data from an HTML Canvas as a Byte[] and save it in Azure

Azure

Canvas

converting a div content to png/jpg and downloading it user friendly

17 Jul 2014 by Anurag_Kushwaha

Hey check out the below link this might help you out.http://forums.asp.net/t/1764959.aspx?About+Div+Tag+convert+into+image+in+c+[^]

Drawing scalable shapes in Android

25 Aug 2014 by User 1234567

I need to draw a cross shape in android, i have fixed set of points to draw, Path path = new Path(); path.moveTo(133.133f, 45.7109f); path.lineTo(154.307f, 24.5363f); path.lineTo(175.482f,...

Drawing scalable shapes in Android

25 Aug 2014 by Fredrik Bornander

Use a scale Transform;Matrix matrix = new Matrix();matrixsetScale(2.0f, 2.0f);// path is your pathpath.transform(matrix); Or, if you want to scale around the center of the path;Matrix matrix = new Matrix();RectF boundingBox = new RectF();path.computeBounds(boundingBox,...

Dicom Image viewer in ASP.net / Vb.net

14 Sep 2014 by Prasad Khandekar

Hello Jems,How about this[^] excellent article available on CodeProject. You can also have a look at this open source library[^].Regards,

How to set a video as my page background ?

15 Sep 2014 by Gihan Liyanage

please check this threads http://stackoverflow.com/questions/3800813/video-as-site-background-html-5[^]http://stackoverflow.com/questions/3899865/can-you-display-html5-video-as-a-full-screen-background[^]http://pupunzi.open-lab.com/2010/03/22/youtube-movie-as-background/[^]

How to set a video as my page background ?

15 Sep 2014 by Suraj Sahoo | Coding Passion

http://demosthenes.info/blog/7...

draw on a image uploaded to a html canvas

20 Nov 2015 by Henrik Jonsson

Check this out on how to manage mouse events and draw lines on the canvas:http://stackoverflow.com/questions/2368784/draw-on-html5-canvas-using-a-mouse[^]

HTML5

Canvas

Get height and width of multi-line text on canvas

11 May 2016 by Sergey Alexandrovich Kryukov

Put this text in some other free-size HTML element and render it. For accurate result, you should set the style of this element to have zero padding and borders. Then measure the size of this element using these two HTML element's properties offsetHeight and offsetWidth (sic!).For a...

HTML5

Javascript

Canvas

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...

Java

Android

Canvas

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...

HTML

Javascript

Canvas

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.

Need help -Custom Canvas Unable to generate Mouse events

17 Nov 2011 by KiranBabu M

Hello, i cant understand why custom canvas is not generating mouse events.i have inherited class from Canvas. and added in XAML . Now iam unable to generate mouse events for the canvas .plz help me how to generate mouse events for canvas now.Xaml Code...

WPF

Canvas

Need help -Custom Canvas Unable to generate Mouse events

17 Nov 2011 by VallarasuS

In general WPF Handles hit testing with the help of brushes, seems you have a transparent background, I suspect it could be a potential cause, can you check if changing the background helps or not?

WPF

Canvas

BitmapImage Collection Memory Management

23 Nov 2011 by Freeboss

Hi,Let's create a:ObservableCollection BitmapsLists = new ObservableCollection();Then let's fill it with some random Images: foreach (string item in Directory.GetFiles("Some Folder")){ BitmapImage BitImage = new BitmapImage(); ...

WPF

Canvas

Bitmap

Flickering and other problems in android custom view for paint app.

25 Nov 2011 by Matias234

In my paint app I am hoping that when I drag my finger across the screen a line will appear following my fingers trail. While, my app achieves some of that the screen of my avd flickers and instead of one continuous line it is a lot of smaller lines making a broken larger one. Here is my...

How to get Height/Width of a controller when it is set to be Auto

2 Jan 2012 by Hamed Metalgear

Hey guys, I have a Canvas inside a grid, the Height and Width of the canvas is set to be Auto.In my code behind, I need to draw a shape (i.e. Line, Rectangle) inside this Canvas and set the size of the shape to the size of Canvas (i.e. a Rectangle which has a Height same as the canvas and a...

HTML5 Animation Using a Texture Atlas

18 Jan 2012 by ed welch

HTML5 animation using a texture atlas

Javascript

web_development

Canvas

Refreshing images in Canvas

17 Jan 2012 by Member 8456258

Hello AllI have a canvas that displays images. These images supposed to be updated at run time. Update happens when the image is already display and the next image in the qeue is being displayed. However I am not able to delete nor modify the previously displayed images since I get the "file...

WPF

Canvas

image

Refreshing images in Canvas

17 Jan 2012 by sirazuddin

hi your application itself holding that file so we need to use filestream etc like below FileInfo fileinfo = new FileInfo(filepath); if (fileinfo.Exists) { using (FileStream fs = System.IO.File.Open(filepath, ...

WPF

Canvas

image

How to get Height/Width of a controller when it is set to be Auto

17 Jan 2012 by SteveAdey

It depends on where you are trying to find out your canvas height.You could override the OnRenderSizeChanged in the containing view. At this point the canvas has been given a size and ActualHeight with then work correctly.

how to add textfield on J2ME CANVAS?

2 Feb 2012 by saravanan6

Hi All, I want to insert my text field on my Canvas...Is this possible?If yes then How do i do that?

J2ME

JavaSE

Canvas

Html5 canvas scrolling, zooming, fade out effect

25 Feb 2012 by Shahdat Hosain

My final is goal to implement a app like http://www.crystal.ch/abb/power_systems_landscape/[^] using html5.As you see, we may need a large(2000*600) canvas, but im not sure.Can anyone give me idea just for following behavior of above link ?1. Scrolling left-right smoothly using...

Html5 canvas scrolling, zooming, fade out effect

26 Feb 2012 by Ed Nutting

Start by looking some HTML5/CSS3 and look at how to use overflow, position, top, left, width and height styles to get the canvas to move show only one portion. Increasing width/height proportionally will get you zoom functionality. Finally, look at jQuery - type it into Google. Learn how to use...

Convert canvas to inkcanvas

5 Mar 2012 by Clifford Nelson

Once you define a tag, it is defined. InkCanvas is different from a Canvas. The drawings done on an InkCanvas are in Ink Serialized Format (ISF). The way to convert would be to to create a Canvas, transfer properties, then replece the InkCanvas in the VisualTree with this Canvas. More than...

WPF

Canvas

asp.net html5 canvas

12 Mar 2012 by Jukatzu

Hi Experts,I have this html5 canvas and I wish to access it from the code-behind in order to Draw on it through C# code (because the drawing program is ready made in C#). So practically I just wish to have my program use the html5 canvas instead of its wpf panel to draw onto.I am...

HTML5

ASP.NET

Canvas

How to select an image on the Canvas

13 Jun 2012 by WajihaAhmed

I have got a canvas, with a layout of a Checkers board. At the position of pieces, I have placed images. The point at which I got stuck is, how to select/highlite a piece's image for a move. I can't figure out the appropriate commandListener and how to handle this keyPressedEvent.Any suggestions?

saving canvas as image in metro style app with XAML/C#

28 Jun 2012 by Farhan Ghumra

Hi, I am developing a paint like application in metro style with XAML/C# . I want to save whatever content is drawn on canvas as image. I have checked this solutions but it didn't helped me.Save canvas to bitmap[^]WPF/XAML: Saving a Window or Canvas as a PNG Bitmap[^]So how can I...

saving canvas as image in metro style app with XAML/C#

28 Jun 2012 by Jαved

Hi,You can use the msToBlob property of the canvas:http://msdn.microsoft.com/en-us/library/windows/apps/hh465734.aspx[^]http://msdn.microsoft.com/en-us/library/windows/apps/hh465735.aspx[^]Than you can convert that blog to a stream and save it. Link[^]

saving canvas as image in metro style app with XAML/C#

28 Jun 2012 by Farhan Ghumra

Thanks Jαved, but I want the solution for XAML/C# canvas element not for HTML5/JS canvas.

Is there any JavaScript libs with functions like DCT or FFT ?

25 Jul 2012 by twtsa

It's easy to crop,rotate,change colors of images.I want to use some senior image porcessing functions like DCT or FFT on HTML5 canvas? Is there any ready-made libs?...

HTML5

Javascript

Canvas

how to sweep two canvases in wpf.

20 Sep 2012 by footballpardeep

I have two Canvases side by side, like we have doors, i am able to swept the left canvas(door) from center to left, but i am facing problem in sweptting right canvas from center to right.or You can say i want the effect of openning of certains.------------------|canvas1|canvas2...

WPF

Canvas

animation

how to use 2 canvases

26 Sep 2012 by Style-7

I want to draw analog clock. So the main canvas will be dial and, hours and minutes arrows, and the second will be seconds arrow (for update every 1 second).HTML JScript canvas = document.getElementById('clock'); ...

HTML5

Canvas

KineticJS mouse event issue

21 Oct 2012 by nuclearpeace

using KineticJS libI have little issue here (i obviously miss something). I simplified it from my bigger application: When i click blue rectangle, i add another layer to the stage that includes red rectangle (clickable), when i click this red rectangle, it removes second layer with red...

binding source to imageobject dynamically in html5 canvas

5 Jan 2013 by RAGUNATH V

string[] ppm1 = Directory.GetFiles(saveloc, "*.png", SearchOption.AllDirectories); ns.NumericComparer ns = new ns.NumericComparer(); Array.Sort(ppm1, ns);In this part of code am storing files location in an array.using break points i've checked that ppm1[]...

HTML5

Canvas

Android canvas and surface

17 Jan 2013 by Member 9766058

I have been programming and androgen do appreciate with a surface on which I drew a bitmap which isdraggable. With out a background in can drag the background smoothly but the fact I put a background the dragging becomes laggy and slow. Note : I am programming this app using eclipse with...

Android

Mobile

Canvas

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)) ...

WPF

Canvas

can we save canvas image in system without right click menu

21 Feb 2013 by geethika amu

Hello I have done project in that i can save image like downloading in to div then right click on that it displays save as image,I don't want to do like that. I want download image directly not like the above at the same time i want to save image path in database using SQL server and mvc3 web...

can we save canvas image in system without right click menu

19 Feb 2013 by Arun1_m1

We can store the file path of the image inside a VARCHAR column, but make sure the files are inside the server directory

how can i learn all the cross browser techniques?

18 Mar 2013 by Zahra Davar Pour

hihow can i design a web site compatible with all the browsers?thankszara

Canvas

how can i learn all the cross browser techniques?

18 Mar 2013 by Sergey Alexandrovich Kryukov

I don't think you can ever take into account all the incompatibility, at least, not these days, when there are two many of them. You can achieve compatibility only to some set of cases, only two certain extent. My idea is: limit your design to those cases. But this is not all.Another...

Canvas

canvas ie 8 issue unable to print image

18 Apr 2013 by garav kumar mishra

IE 8:I am unable to print image from canvas.http://makemydesign.com/demo/createdesign/designow-3.html Click View Image is working in all other browsers but not in IE 8.I have used the code below for it:document.getElementById(' viewImageDownload').onclick = function()...

Increase the width of the text by using slider

11 May 2013 by sainisoft

hi All,i m using the slider but their is some mistake in increase the size problem is :- when i increase the size of the text it take the previous value of the size Example:-First write the text any size after that i set the size 10 after that again set the size 20 then it take the size...

HTML5

Canvas

Mapping Canvas pixels to pixel provided by css top attribute

6 Jun 2013 by analogx

Ok i have been trying this all morning but to no avail.I am having a slider element whose slide area is about 420px in height.I am having a canvas element whose height is 400px and width is 215 px as below:

Is there any way to increase the height of image created using HTML5 canvas putImagedata.

25 Jun 2013 by praveena0989@gmail.com

Is there any way to increase the height of image created using HTML5 canvas putImagedata. Your browser does not support the HTML5 canvas tag.var...

HTML5

Javascript

Canvas

when i click the "save" that particular image will be download to desktop

30 Jun 2013 by bindu frm vzg

jQuery

Canvas

Kinetics JS “Click” or simple “Touch” event for Mobile device

30 Jul 2013 by Jaydeep Jadav

I am using kinetic-v4.3.0-beta2.jsI want to handle mobile touch event on group for ios & android.I am binding event such as followinggroup.on('touchstart', function (evt) { $('#onpopMenu').popup("open", { x: leftPosition, y: topPosition });});I tried 'touchend',...

submit image multiple times to html5 canvas

3 Aug 2013 by Kieran82

I am trying to display a image multiple times at different locations on a html5 canvas and don't know how to go about doing it. I can draw one image easily but have to find how to do it more than 1 times. Can anyone help me.what am I doing wrong because it only prints one image on the...

HTML5

Canvas

Draw a half circle with mouse on html5 canvas

12 Aug 2013 by Kieran82

I want to draw a half circle with arc on html5 canvas using the mouse. I got the start point from the mouse coordinates. I want to be able to draw the half circle as im moving the mouse and cant figure out how to do it.

HTML5

Canvas

pass rectangle into a events function

7 Nov 2013 by Member 10388286

I created a rectangle within a functionNow I want to pass this rectangle into a function of eventsHow can I do this?Sample code I created: private void button2_Checked(object sender, RoutedEventArgs e) { //create new rectengle ...

WPF

Canvas

pass rectangle into a events function

7 Nov 2013 by johannesnestler

Hi Member,So your Problem is just how to obtain a reference to the clicked (draged...) rectangle in the eventhandler method? This is easy - you will get it through the sender parameter like this:Rectangle rect = sender as Rectangle;Or did you mean something else?

WPF

Canvas

how to pass rectenge from one event function to another?

14 Nov 2013 by Member 10388286

I want to to pass a rectangle from one function to a second functionFor some reason the rectangel read to the event function as nullHow can I do this? private Point startpoint; private Rectangle rect; private void...

WPF

Canvas

how to pass rectenge from one event function to another?

14 Nov 2013 by Mike Meinz

This is the simplest way to do it. private Point startpoint;// "rect" is declared at Class level so both canvas1_MouseRightButtonDown and canvas1_MouseMove can access private Rectangle rect; private void canvas1_MouseRightButtonDown(object sender,...

WPF

Canvas

I want to to pass a rectangle from one Event function to a second Event function

14 Nov 2013 by Grylion54

A couple of things to note. The first is, "private Rectangle rect;" and "Rectangle rect = new Rectangle();" are going to be two objects, with the second being local only to the method "canvas1_MouseRightButtonDown". To rectify this, remove the object identifier in the second so it is "rect =...

WPF

Canvas

Scroll Appearing Problem MVVM - WPF

26 Nov 2013 by Mahmut Koyuncu

Hi Everyone,I tried to implement drag-drop application with mvvm in WPF. Everything is ok, but when the out of range, scroll is not appearing. For Example, DropArea is 600x800. If item location is (300,850), the vertical scrollbar is expected to be visible, and the horizontal scrollbar is...

canvas.toDataURL is not working with IIS output caching

10 Dec 2013 by Tharaka MTR

I have successfully implemented image library PhoneGap app which company users use to view our company published photos. In there I have implemented a feature, when you click an hold on the image then the image will be saved on Camara Roll of the mobile device. For implementing that I used the...

drag and drop image on html5 canavs

10 Dec 2013 by mughees ilyas

how to place an image on html5 canvas on click of a buttonand make it drag able and if possible rotate able

HTML5

Javascript

Canvas

drag and drop image on html5 canavs

10 Dec 2013 by Peter Leow

A good tutorials on html5 drag and drop feature:http://www.w3schools.com/html/html5_draganddrop.asp[^]and html5 rotate method:http://www.w3schools.com/tags/canvas_rotate.asp[^]

HTML5

Javascript

Canvas

Please Explain what this code's logic is and the kinetic js part.

27 Jan 2014 by Member 10554347

Here's the javascript code:var LimitedArray = function (upperLimit) { var storage = []; // default limit on length if none/invalid supplied; upperLimit = +upperLimit > 0 ? upperLimit : 100; this.push = function (item) { storage.push(item); if...

Please Explain what this code's logic is and the kinetic js part.

27 Jan 2014 by OriginalGriff

Do you have any idea how much work explaining code line by line is?Every single line needs a paragraph of explanation! For example: int next = r.Next();Create a new variable called "next" which can hold a integer value. From the previously declared Random instance "r", call...