Streaming live at 10am (PST)

Is it possible to Canvas tag


#1

Hello,

I wanted to implement this into my site

However this is a canvas trick, which requires this piece of code

Is it possible to put in a canvas tag. I already tried custom div attribute, and that did not work unfortunately.

Thank you for any help


#2

Hi @bignoseind, it is possible to integrate this, but it does require you to add the custom html to an embed widget on your page, the custom css to your header of your page in Custom Code and the javascript to the Footer of your custom code section in Site settings.

The example you gave, also did not mention, but you need to link to two additional javascript files:

Tweenlite.min.js
EasePack.min.js

You need to upload these two files to some storage area, like dropbox or something and link to these files in the custom script like:

<script src="http://your-storage-url/scripts/EasePack.min.js"></script>
<script src="http://your-storage-url/scripts/TweenLite.min.js"></script>

Change your-storage-url to the url pointing to these files you have saved somehwere. Webflow does not support uploading of js files currently, so you need an external storage for these. There might be some public cdns that also have these files somewhere, you can search for those on the internet.

After you have created those two links, you can add the javascript part of the code to the Footer section of your custom code page in site settings.

Here is the example site I made from the CodePen:

http://example-canvas.webflow.com/

So yes, it can be done, but with some custom coding that you need to manage/support yourself. You can always ask questions on the forum though smile

Here is a video, which also might help you to get this going on your site smile

I hope that helps, cheers ! Dave


#3

Greensock.com has links to each of their libraries available on CDN here: http://greensock.com/get-started-js#loading


#4

Great @vlogic, it is great that greesock.com provides that smile Good that no additional storage then is required for that smile Thanks for sharing that smile

Cheers, Dave


#5

#6