CreateJS 绘制图形1

冰灵

于 2013-05-12 19:26:35 发布

阅读量8.4k

点赞数 1

分类专栏： HTML5 JS 文章标签： JavaScript HTML5 Canvas JavaScript引擎

本文链接：https://blog.youkuaiyun.com/bud_icelf/article/details/8917745

版权

这篇博客介绍了如何使用EaselJS库进行图形绘制，包括Shape对象的应用，详细讲解了绘制矩形、圆形、线条、贝塞尔曲线以及绘制带圆角矩形的实例教程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

个人原创,欢迎转载,转载请注明出处http://blog.youkuaiyun.com/bud_icelf QQ:909648986

EaselJS 绘制图形1

本节将介绍使用Shape对象,绘制矩形,绘制圆形,画线,绘制贝塞尔曲线,绘制带圆角的矩形.

例子1 绘制矩形

<!DOCTYPE html>
<html>
<head>
	<meta charset="gbk">
	<script type="text/javascript" src="easeljs-0.6.0.min.js"></script>
</head>
<body>
	<canvas id="myCanvas" width="200" height="200">
		你的浏览器不支持canvas标签
	</canvas>
	<script>
		var myCanvas=document.getElementById("myCanvas");
		var stage=new createjs.Stage(myCanvas);
		var shape=new createjs.Shape();
		var graphics=shape.graphics;
		graphics.beginFill("red");
		graphics.drawRect(0,0,100,100);
		stage.addChild(shape);
		stage.update();
	</script>
</body>
</html>

效果预览