Animate Corel Draw Logo in HTML

Thor

Thor

Honorary Master
Joined
Jun 5, 2014
Messages
44,413
Reaction score
7,522
Location
Bellville
( I have null design skill )
Can someone please help me?

I have a logo in Corel Draw it appears to be a vector as I can zoom in etc and it scales beautifully.

Now I want to put that logo on a website, but I want the logo to be animated in other words when the page loads I want the logo to draw itself.

Here is an example of what I want to achieve:

https://maxwellito.github.io/vivus/

I would be so grateful if someone can assist me
 
Why don't you use that javascript to animate it as per your link?
 
saor said:
Why don't you use that javascript to animate it as per your link?
Click to expand...

I have less than zero idea where to even begin, I have never used Corel Draw or any of these programs in my life
 
If you wanna send me a copy of your CDR file I can try export it as an SVG quickly.
However I would get some random SVG off the web and get the script to work first. Not sure if it has any specific requirements wrt the SVG.
 
saor said:
If you wanna send me a copy of your CDR file I can try export it as an SVG quickly.
However I would get some random SVG off the web and get the script to work first. Not sure if it has any specific requirements wrt the SVG.
Click to expand...

Thats the thing I managed to export the image to SVG, but that script is so confusing provided I have no idea what I am doing
 
They talk about paths and stuff.

I am so lost, but I want this so badly
 
When I view the SVG file in brackets I can see it has a gazillion paths, but I have no idea what the bigger picture is here what I am suppose to look at.

Completely new world to me this.
 
Thor187 said:
Thats the thing I managed to export the image to SVG, but that script is so confusing provided I have no idea what I am doing
Click to expand...
The instructions don't look too bad. Maybe save that page you linked to and check out the source & replace with your own SVG. Then just prune the code.
 
Edit: Ah right the <path>.
It's calling the x/y (object) and x/y (location) but I'm not sure what the process is for defining those elements or if they've literally just pulled them from their workspace.
Tricky.
You can do it!
 
I am lost boys.

My SVG looks like this:

2016-02-12_10-03-15.jpg

a fcking million of them

2016-02-12_10-02-51.jpg
 
I cant I have the logos in Corel draw.

It's already made. I do not make this I have no design skill I dont understand this software either.
 
Thor187 said:
It's already made. I do not make this I have no design skill I dont understand this software either.
Click to expand...
Corel is my least favorite software. It often breaks paths up and you might need to go in and manually join any open paths. None of those animation scripts work with fills - they only animate stroke paths.
Thor187 said:
I cant I have the logos in Corel draw.

It's already made. I do not make this I have no design skill I dont understand this software either.
Click to expand...
You're going to really struggle in that case. You'd be better off re-doing the graphic yourself if you really want to go through with this.
 
Last edited:
Nah I give up not for me i am scraping this idea.

I'll stick to what I am good at. Fck SVGs and FCK Corel
 
Thor187 said:
Nah I give up not for me i am scraping this idea.

I'll stick to what I am good at. Fck SVGs and FCK Corel
Click to expand...
No man thor,keep at it. U can then explain the whole process to me haha
 
You must log in or register to reply here.
Back
Top
Sign up to the MyBroadband newsletter
X