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, Programação C#, Full Stack Development, HTML5

Veja mais: 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

Acerca do Empregador:
( 3 comentários ) Wigan, United Kingdom

ID do Projeto: #16455724

Concedido 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 em 5 dias
(4 Comentários)

5 freelancers estão ofertando em média £417 para esse trabalho


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 in 10 dias
(111 Comentários)

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 Mais

£529 GBP in 10 dias
(8 Comentários)
£555 GBP in 10 dias
(0 Comentários)

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 em 1 dia
(0 Comentários)