Render (our bespoke serialised) Shapes and standard image to a HTML Canvas and make clickable event

The project should be in ASP.NET or MVC. A single Page is sufficient for now.

This project is for proof of concept.

I have a JSON file with various "Views", which need to be rendered to the screen.

I need someone who can work with the material supplied and confident they understand the project before bidding. (Of course I will provide support and can connect via or with the correct bidder.

Overall Specification

I have a JSON file which describes various various Views.

The Views could simply be an Image or an Image with "SHAPES" at coordinates (X, Y). The shape is drawn from a 'bespoke' serialised string "shape path".

This att sample file has 2 Views

"ViewNo1" Consists of a Background Image with 'SHAPES' overlayed. The shapes are at coordinates (X, Y). The shape is drawn from a 'bespoke' serialised string "shape path".

"ViewNo2" Consists of only an Image.

Note: There could be multiple views in future JSON files.

I want a web page to read the JSON file and render the Views and shapes correctly. Each shape has a "Reference" (string) in the JSON. I need a click event to report the "Reference" of the clicked shape.

Each view will need a seperate TAB PAGE.

You can choose how the JSON file is passed in.

I have attached

..a sample JSON file,

.. pdf Description of JSON with images of what the views should look like

.. The sample Background image from ViewNo1

At a later stage, I will provide our C# code to deserialise the

and also our C# .net class which currently serialises and de-serialises the "shape path".

"Shape Path"

Because .NET could not serialise a Graphics Path, we created our own Serialised version of a Graphics Path as a string. This Serialised String will draw Line/Arks between points, Rectangle or Ellipse. You will need to work out how best to translate this from our current C# Class.

Comment Only - Not requred:

(This is the 1st part of a larger project. It will later require other data driven features using SQL database. This will be requested in a future project).

Habilidades: .NET, ASP.NET, Programación en C#, Full Stack Development, HTML5

Ver más: html canvas rotate drag image, jquery save html canvas image, html canvas save image, microsoft sql server,, css html5, css 3, xml, diagram generator html canvas, render text html vs2008 reporting, render data website canvas j2me, php html table header clickable, make private event flyers, make creative event poster, html canvas speech ballon, html canvas jpeg, html canvas games, html canvas game, event close input file html, html canvas wysiwyg

Información del empleador:
( 3 comentarios ) Wigan, United Kingdom

Nº del proyecto: #16455724

Adjudicado a:


Hey dude, I'm web developer expert in HML, Javscript and Web Design. I've done lot of prjects with JSON consume and read, so this project it's similar to it, contact me, I can help you

£250 GBP en 5 días
(4 comentarios)

5 freelancers están ofertando el promedio de £417 para este trabajo


i am a lead .NET software engineer and responsible for creating a web and desktop applications using different languages and technologies if u r interested just send me a message thank you and good luck

£500 GBP en 10 días
(111 comentarios)

Hi, this sound intersting. I'm thinking about doing this in ASP.NET Core 2.0 which is 5x-10x faster than node.js and even more faster than MVC. May I have the JSON Example File?, to do a proof of concept. IIt is not Más

£529 GBP en 10 días
(8 comentarios)
£555 GBP en 10 días
(0 comentarios)

I am MCP certified. I have experience in web and windows applications with JSON, XML, CSS, JS, and HTML5. I am looking for 30GBP.

£250 GBP en 1 día
(0 comentarios)