已完成

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

技能: .NET, ASP.NET, C# 编程, Full Stack Development, HTML5

查看更多: html canvas rotate drag image, jquery save html canvas image, html canvas save image, 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, image map html united states clickable, php render png html, mouse resize image html, background image html, mouse table background image html, rollover show larger image html, aspnet generate image html, center background image html, project image onto canvas, convert photoshop image html

关于此雇主:
( 3个评论 ) Wigan, United Kingdom

项目ID: #16455724

授予:

kypergio

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 在5天内
(4条评论)
2.8

5 威客就此工作平均出价 £417

sherifamgadnabih

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 在10天内
(111条评论)
6.7
FerriSoft1

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 更多

£529 GBP 在10天内
(8条评论)
4.2
£555 GBP 在10天内
(0条评论)
0.0
swapnakancherla

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

£250GBP 在1天里
(0条评论)
0.0