Simple demonstration of the Proto.clip method
More info about the bundle here
| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="utf-8"> | |
| <meta name="viewport" content='width=device-width,initial-scale=1,maximum-scale=1,user-scalable=0' /> | |
| <meta name="apple-mobile-web-app-capable" content="yes" /> | |
| <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"> | |
| <meta name="mobile-web-app-capable" content="yes" /> | |
| <meta name="apple-mobile-web-app-title" content="prototypon"> | |
| <link rel="stylesheet" type="text/css" href="//prototypon.firebaseapp.com/css/bundle.css" /> | |
| <script src="//prototypon.firebaseapp.com/js/bundle.js"></script> | |
| <link rel="stylesheet" type="text/css" href="proto.css" /> | |
| <script src="proto.js"></script> | |
| </head> | |
| <body class="mobileready"> | |
| </body> | |
| </html> | |
| var svg_path = "ui.svg" | |
| Proto.placeSVG(svg_path, init) | |
| function init(){ | |
| Proto.clip('#myComponent', '#myMask') | |
| } |