<!DOCTYPE HTML>
<html>
<head>
<title>umldraw</title>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<script type="text/javascript" src="../ext-4.0.2a/bootstrap.js"></script>
<script type="text/javascript" src="./UmlShape.js"></script>
<script type="text/javascript" src="./umldraw.js"></script>
<script type="text/javascript" src="./SubUmlShape.js"></script>
<link rel="stylesheet" type="text/css" href="../ext-4.0.2a/resources/css/ext-all.css">
</head>
<body>
<script type="text/javascript">
Ext.onReady(function(){
var cvsPanel=new canvasPanel();
Ext.create('Ext.window.Window',{
id: 'canvasWindow',
title: '绘图窗体',
width: 400,
height: 400,
layout: 'fit',
items: cvsPanel,
buttons : [{
xtype: 'button',
id: 'recBtn',
text: 'rectangle',
handler: function(){
// Constants.elArray[Constants.elCount+1]=new Rec();
// Constants.elArray[Constants.elCount].draw(10,10,40,40); //在构造方法中已为elCount加1,故此下标用elCount即可
// Constants.elArray[Constants.elCount+1]=new Class();
// Constants.elArray[Constants.elCount].draw(20,20,40,40);
Constants.elArray[Constants.elCount+1]=new Condition();
Constants.elArray[Constants.elCount].draw(20,20,28,28);
}
},{
xtype: 'button',
id: 'cirBtn',
text: 'circle',
handler: function(){
// Constants.elArray[Constants.elCount+1]=new Actor();
// Constants.elArray[Constants.elCount].draw(30,30,20,50);
// Constants.elArray[Constants.elCount+1]=new Note();
// Constants.elArray[Constants.elCount].draw(50,50,60,40);
// Constants.elArray[Constants.elCount+1]=new Interface();
// Constants.elArray[Constants.elCount].draw(50,50,60,30);
Constants.elArray[Constants.elCount+1]=new Package();
Constants.elArray[Constants.elCount].draw(50,50,60,40);
}
}]
}).show();
});
</script>
</body>
</html>
基于HTML5与EXTJS4实现的最基本的多图形拖动例子
4星 · 超过85%的资源 需积分: 15 80 浏览量
2011-12-02
17:43:21
上传
评论 2
收藏 5KB RAR 举报 
20111007.rar （4个子文件） 
20111007 
UmlShape.js 7KB SubUmlShape.js 11KB umldraw.js 1KB
umldraw.html 2KB资源评论
zhangsutang2015-07-22不错的资源，目前正在做extjs拖动，参考一下。- xxxpotter2014-02-12代码有小问题，更改后才能运行
shllshl2013-09-23不错，学习借鉴一下。
magicmaster2013-07-17无法运行……。- anjy19752013-09-22可以学习下cavas的用法
