Dibatalkan

Animate canvas line on hover

Here's a jsFiddle of what I've got so far, read below to find out what I'm after: [url removed, login to view]

So I have a function that works on hover, basically when you hover over a `.menu-item` element it'll draw a line from this element to the `.header-logo` element. This works great but I want this line to animate, i.e. grow from the `.header-logo` outwards on each occasion, I've not even got a clue where to start on this one so any suggestions would be great!

There's one more thing too, the line appears pixelated, I need this to be a crisp 1px line if possible? I'm completely clueless with canvases so any help on all of the above would be greatly appreciated!

Kemahiran: CSS, HTML, HTML5, Javascript, jQuery / Prototaip

Lihat lebih lanjut: i need someone to help me animate my story, actionscript animate draw line, animate line google maps, effects animate draw line, animate line drawings flash, flash animate line drawing, animate line drawing, google maps flash animate line, help wanted animate gif, animate grow tree, resize animate gif line, hover animate flash, canvas draw line, animate line as2, animate drawing line, flash animate drawing line, animate line drawing flash 2008, animate line drawing flash

Tentang Majikan:
( 7 ulasan ) Liverpool, United Kingdom

ID Projek: #15374112

Dianugerahkan kepada:

tigrangrig

Hi. I am web developer and I am very good at canvas and animations. You can see an example of my canvas work in my portfolio. I know how to animate the line you want and I think I can fix it's pixels Relevant Skills Lagi

£30 GBP dalam 0 hari
(8 Ulasan)
2.9

36 pekerja bebas membida secara purata £148 untuk pekerjaan ini

£206 GBP dalam 5 hari
(599 Ulasan)
8.5
A2Design

Hello! We are A2 Design, a Russian-Canadian web development company. We specialise in: PHP & PHP frameworks, WordPress & Woocommerce, Opencart, Magento, API development, HTML5, CSS, JavaScript, Bootstrap, MySQL, etc. Lagi

£350 GBP dalam 3 hari
(65 Ulasan)
8.1
malviyamanish

Dear Client , We gone through project description We are Really interested to do work with you , We are Web & Software development company having more than 8 year experience in Software development we totally commit Lagi

£200 GBP dalam 2 hari
(178 Ulasan)
7.3
£257 GBP dalam 10 hari
(16 Ulasan)
6.6
tranngocanh1702

I am able to animate the canvas line on hover with crips 1px line. I have experienced in Canvas using FabricJS, PaperJS, HTML5Canvas. I am ready to start now. Relevant Skills and Experience I am Anna with more than 5 Lagi

£200 GBP dalam 5 hari
(66 Ulasan)
6.8
spiretech

Hello, I have gone through the post and yes; I will help you for sure to Animate canvas line on hover Relevant Skills and Experience [url removed, login to view], [url removed, login to view], [url removed, login to view],[url removed, login to view], ww Lagi

£150 GBP dalam sehari
(74 Ulasan)
6.7
finbuks

Greeting of the day! Coming directly to the point... I have gone through your requirements that you have a function that works on hover, basically when hovering over a `.menu-item` element it'll draw a line from Lagi

£160 GBP dalam 7 hari
(56 Ulasan)
6.4
fashionsoft

Hello Sir,  I have just read your project description and understood all the basic requirements mentioned in there as I have more than 10 years of experience in this field.  So can we please discuss more now to get s Lagi

£250 GBP dalam 7 hari
(58 Ulasan)
6.3
ShiaFirst

Hi, its pretty simple for me but I have few questions to ask, knock me for further discussion, PLEASE DON'T AWARD PROJECT BEFORE DISCUSSION. Thank You! Relevant Skills and Experience css, html, html5. js etc Proposed Lagi

£150 GBP dalam 3 hari
(89 Ulasan)
6.4
£100 GBP dalam sehari
(40 Ulasan)
5.7
dragondance

Hi, making the line animate is pretty simple. Basically, we need to draw the line many times, each time it's longer than last time. The pixelated issue is hard to solve. It's just a browser thing. You can either increa Lagi

£70 GBP dalam sehari
(89 Ulasan)
5.8
mattsrinc

Hi, my name is Matt and can help with smoothly animating lines between your elements on a web page. There are several methods - I would go for SVG and adding one javascript for several reasons. Relevant Skills and Exp Lagi

£140 GBP dalam 2 hari
(24 Ulasan)
5.3
sayootech

Hi, “Please give concern to our portfolios as they fit as per your description.” I am Lipika & I have gone through your project requirements for Build a websites. I have strong knowledge in { Website Design, PHP, Lagi

£150 GBP dalam 3 hari
(49 Ulasan)
5.7
softechk

Hello, I have reviewed your jsFiddle code. I have added code making the line to animate, i.e., start from the `.header-logo` and end at the menu item each time when menu item is hovered. You can have a look at the foll Lagi

£24 GBP dalam sehari
(34 Ulasan)
4.8
dizajnerweb

Hello there. I've seen jsfiddle link. We can change anything according to your wishes. Contact me for more information. Relevant Skills and Experience js Proposed Milestones £90 GBP - done

£90 GBP dalam 0 hari
(33 Ulasan)
4.7
liangjongai

I am Pang, web and app developer.I am interesting in your task. I will give you comfortable and cheap service and finish your task on time. Please give a chance!!! Stay tuned, I'm still working on this proposal.

£150 GBP dalam 3 hari
(27 Ulasan)
4.6
topithub

I have read your job description and I can say that I am really good fit for this job. Relevant Skills and Experience Hi sir/madam, I am an expert web programmer with more than 6 years’ experience in latest web develo Lagi

£150 GBP dalam 3 hari
(6 Ulasan)
4.0
£277 GBP dalam 10 hari
(3 Ulasan)
3.9
£20 GBP dalam sehari
(7 Ulasan)
3.8
fahimagawebnet

Hello! Thanks for your valuable time to view our profile. We have 3+ years of experience in web programming . We assure 100% satisfaction to our clients. Web-e is an IT solution provider India. Over 3+ years of exper Lagi

£194 GBP dalam 2 hari
(1 Ulasan)
2.2