下载Html5 Jigsaw Puzzle"...一个在HTML5 Canvas上运行的开源矢量图形脚本框架..."
介绍
自从现代浏览器开始实现HTML5和CSS3规范以来,JavaScript编程就变得越来越有趣。
系统要求
要使用本文提供的HTML5 Snooker Club应用程序,您所要做的就是安装或拥有现代的Web浏览器:Chrome,Fire Fox,Maxthon,Opera,Safari或Internet Explorer(9或更高版本)。
Paper.js框架
<!DOCTYPEhtml>
<html>
<head>
<scriptsrc="content/js/paper.js"type="text/javascript"></script>
<scripttype="text/paperscript"canvas="canvas">
var bob = new Raster('Bob');
bob.position = view.center;
</script>
</head>
<body>
<canvasid="canvas"class="canvas"resize></canvas>
<imgid="Bob"src="content/images/Bob.png"style="display: none;">
</body>
</html>
很简单,不是吗?
Paper.js仅针对画布,因此canvas元素是必需的:
<canvas id="canvas" class="canvas" resize></canvas>
真正。您可以在这2行javascript代码中看到这种清洁度:
<scripttype="text/paperscript"canvas="canvas">
var bob = new Raster('Bob');
bob.position = view.center;
</script>
值得注意标签:
<scripttype="text/paperscript"canvas="canvas">