Get started with forge CDN

(BSD-3-Clause OR GPL-2.0) licensed

Forge is a lightweight library for creating and manipulating HTML5 Canvas graphics.

Tags:
  • aes
  • asn
  • asn.1
  • cbc
  • crypto
  • cryptography
  • csr
  • des
  • gcm
  • hmac
  • http
  • https
  • md5
  • network
  • pkcs
  • pki
  • prng
  • rc2
  • rsa
  • sha1
  • sha256
  • sha384
  • sha512
  • ssh
  • tls
  • x.509
  • x509

Stable version

Copied!

How to start using forge CDN


<!DOCTYPE html>
<html>
<head>
  <title>Get started with forge CDN - cdnhub.io</title>
  <script src="https://cdn.cdnhub.io/forge/1.3.1/forge.min.js"></script>
</head>
<body>
  <button id="animate">Animate</button>
  <div id="box"></div>

  <script>
    const box = document.getElementById('box');
    const button = document.getElementById('animate');

    Forge.init();

    button.addEventListener('click', () => {
      Forge.animate(box)
        .to({ width: '200px', height: '200px' }, 500)
        .easing('easeOutQuad')
        .start();
    });
  </script>

  <style>
    #box {
      width: 100px;
      height: 100px;
      background-color: #f00;
    }
  </style>
</body>
</html>
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!

All versions