Đã hoàn thành

To modify open source interactive plan CSS,SVG,JS,HTML

The task is based on the proof-of-concept open source project [login to view URL],

but it's missing important option, SVG vector image does not adjust appropriately to the screen dimensions.

1. SVG vector images MUST adjust appropriately to any screen dimension and be always at bthe center, right now svg tag is completely dependant on the width and height attributes,

and this DOES NOT allow for svg vector image to adjust.

Furthermore, we cannot remove the attributes as the page styling depends on it.

<svg class="map map--1 map__outline" xmlns="[login to view URL]" viewBox="0 0 768 768" width="768" height="768" preserveAspectRatio="xMidYMid meet">

2. HTML page MUST NOT depend on the width and height attributes of svg tags of floors

3. Floor plan MUST NEVER go outside of the defined screen bounds

4. Markers, that appear when selecting one of the floors, MUST be scaled appropriately with the main svg image

5. When markers overlap each other, maybe there's a possibility to list beside the markers their names as a list

6. Right now issues arise with pan/tilt of the floor plan when resolution of the screen changes, 1366 to 4K, a noticeable floor plan rotation, MUST NOT occur

Attached is a zip archive with the sample saved static html saved from our app.

File structure,

Root folder contains,

[login to view URL] --> main HTML

facilityplan/ --> folder that includes helper files, scripts, and css

fonts/ --> folder that includes fonts

images/images/floor/ -> folder that includes sample floor SVG images

Optional (will pay extra) I would like to have a path generator for SVG objects.

Kĩ năng: CSS, HTML, HTML5, Javascript, SVG

Xem nhiều hơn: modify video file open source windows, open source modify flash, open source css photo albums, select svg elements with javascript, svg animation, snap svg animate, svg editor, best svg library, svg.js examples, snap svg examples, snap.svg animator, modify open source project, open source interactive flash banner, open source cms css xhtml, open source software modify files, flash open source floor plan, open source css editor joomla, modify open source software projects, modify open source projects, open source floor plan designer

Về Bên Thuê:
( 4 nhận xét ) North York, Canada

ID dự án: #18703280

Được trao cho:

nataliaomelchenk

Hi There! I read your proposal and understood your idea. I am a excellent web designer and developer. I am very familiar with WP. I can make any plugins and themes. Coustomize about any plugins Thêm

$183 USD trong 10 ngày
(43 Đánh Giá)
6.5

14 freelancer đang chào giá trung bình $165 cho công việc này

webdesign786

HI My Motion: "No Satisfaction, No Payment" We have expertise in Web Design & Development. Please check our client reviews to determine the quality of our work. Let’s discuss in detail and start now? I am co Thêm

$183 USD trong 10 ngày
(102 Nhận xét)
7.2
KashirinA

⭐⭐⭐⭐ i am Full stack developer. ⭐⭐⭐⭐⭐⭐ I read through the job details extremely carefully and I am absolutely sure that I can do the project very well. * 4+ years experience in web and mobile app development. * I Thêm

$183 USD trong 10 ngày
(86 Nhận xét)
6.8
maxpl

Hi, I am a full stack developer from Poland. I read your proposal and understood your requirement. I am interested to modify an open source code. I am working from almost 8 years in this domain and I have w Thêm

$160 USD trong 8 ngày
(37 Nhận xét)
6.7
ludwig333

Hi. I am a full stack developer and have been working for over 5 years on the freelancer.com. I have read your description in detail and have interests in your project. I have some experiences that have ever done Thêm

$170 USD trong 3 ngày
(37 Nhận xét)
6.0
sharmarahulraman

Hi, Hope you will progress nicely!! I have dissected your depiction and I comprehend your usefulness with the goal that I can deal with your venture. You all resemble a truly cool outfit… unquestionably a gatheri Thêm

$160 USD trong 4 ngày
(66 Nhận xét)
5.7
coronajames

Hi I have read your project description carefully I am very interested in this project. I have a lot of experience in this type of work. I'm sure I can complete it on time with high quality according to your request pl Thêm

$150 USD trong 10 ngày
(20 Nhận xét)
4.6
fivestar10

Hi I am a professional web developer with 8 years of experience. Especially FrontEnd is my main skill. I am glad to meet you, sir. Please give me a chance. I can complete your work within a few days. Regards!

$155 USD trong 10 ngày
(5 Nhận xét)
3.0
KimHyokJun

Dear employer. I just saw your project description carefully. I am very interested in your project. I have rich experience in PHP and javascript. I can help you surely and complete in a short time. I can start you Thêm

$150 USD trong 10 ngày
(5 Nhận xét)
3.2
hanchenglu

Long time no see, claricom! I just saw you posted new job. Did you remember me? We have been to discuss project mutually in detail. As frontend expert, I have rich experience of adjusting SVG vector image and css. Thêm

$180 USD trong 10 ngày
(9 Nhận xét)
2.9
abhimadankr

I read the task description and I can do it.I have worked on many such projects.I can work on urgent basis and for a reasonable rate..Contact me so we can discuss further

$150 USD trong 10 ngày
(3 Nhận xét)
1.8
trendsettler

I read SVG, HTML work and I'm able to complete that I have expertise in Html 5, Wordpress, Bootstrap 4, CSS, Photoshop, Adobe XD, illustrator, UI/UX Design. I have 2+ year of Experience but I am new on freelancer. Thêm

$151 USD trong 10 ngày
(2 Nhận xét)
1.2
supermani

I have over 5 years of experience working as a Front-End developer for different organizations can provide you with a solution to your problem which you have defined. Take a look at my portfolio: [login to view URL] Thêm

$150 USD trong 5 ngày
(0 Nhận xét)
0.0
codemeg

Hello, We are an expert in Web Design & Development. We would like to have the opportunity to discuss your project with you. We have 5+ years of experience in Web Development. We believe our Skills for this project. Thêm

$183 USD trong 10 ngày
(0 Nhận xét)
0.0