一个非常完善的Flex画板

一个非常完善的画板，还支持通过FMS 多客户端 同步操作，做会议系统、教学系统 非常方便！！



http://sitestore.org/demo/LCCS.html

支持操作的图形对象应该有这几种：

1.Arrow；

2.Ellipse;

3.HighLightArea;

4.Line;

5.Rectangle;

6.RoundedRectangle;

7.SampleText;

下面相关的操作对象的Demo，有一些朋友有问到怎么转成 FXG, XML,SVG 类似的问题，相信你们也会的，

1.保存图形：就是将上面任意一个对象转成xml而已保存起来，

2.需要显示的话：就将xml里节点对象或者属性取出来，然后new一个图形对象填充好属性Add到容器里，就这么简单。

3.在SDK4.5里有写个一个Demo是将线条保存成 SVG、FXG格式的，和AS3实现的方式有一点不一样，所以自己写了个 /article/6267994.html

4.对于LCCS这个东西，个人也只是参考了一下而已，并没真正在开发中使用，只是在4.5里基于Spark自己写过类似的东西，不好在对比性能方面就没试过了，

只是为了适应新的SDK做的开发，如果谁有在Spark中做得的话，希望可以告诉我一下，谢啦！！

protected function addShapes(p_evt:ContextMenuEvent):void
{
if(p_evt.currentTarget.caption == "Add Arrow") {
addArrow();
}

if(p_evt.currentTarget.caption == "Add Ellipse") {
addEllipse();
}

if(p_evt.currentTarget.caption == "Add HighLight Area") {
addHighLightArea();
}

if(p_evt.currentTarget.caption == "Add Line") {
addLine();
}

if(p_evt.currentTarget.caption == "Add Rectangle") {
addRectangle();
}

if(p_evt.currentTarget.caption == "Add Rounded Rectangle") {
addRoundedRectangle();
}

if(p_evt.currentTarget.caption == "Add Text") {
addSampleText();
}
}

protected function addShapeClick():void
{
if(shapeType.value == "Arrow") {
addArrow();
}

if(shapeType.value == "Ellipse") {
addEllipse();
}

if(shapeType.value == "Highlight Area") {
addHighLightArea();
}

if(shapeType.value == "Line") {
addLine();
}

if(shapeType.value == "Rectangle") {
addRectangle();
}

if(shapeType.value == "Rounded Rectangle") {
addRoundedRectangle();
}

if(shapeType.value == "Text") {
addSampleText();
}
}

/**
* Add an Ellipse using the WBEllipseShapeDescriptor. X, Y and Width and Height are the basic params that need to be specified
*/
protected function addEllipse():void
{
var ellipseDesc:WBEllipseShapeDescriptor = new WBEllipseShapeDescriptor();
ellipseDesc.x = _lastMouseX;
ellipseDesc.y = _lastMouseY;
ellipseDesc.width = ellipseDesc.height = 100;
//Add the shapeData to the model. Once the model is updated the shape is added to the canvas.
sharedWB.model.addShape(ellipseDesc);
}

/**
* Add a Rectangle using the WBRectangleShapeDescriptor.
*/
protected function addRectangle():void
{
var rectangleShapeDesc:WBRectangleShapeDescriptor = new WBRectangleShapeDescriptor();
rectangleShapeDesc.x = _lastMouseX;
rectangleShapeDesc.y = _lastMouseY;
rectangleShapeDesc.width = rectangleShapeDesc.height = 100;
sharedWB.model.addShape(rectangleShapeDesc);
}

/**
* Add a Rounded Rectangle using the WBRoundedRectangleShapeDescriptor.
*/
protected function addRoundedRectangle():void
{
var roundedRectShapeDesc:WBRoundedRectangleShapeDescriptor =  new WBRoundedRectangleShapeDescriptor();
roundedRectShapeDesc.x = _lastMouseX;
roundedRectShapeDesc.y = _lastMouseY;
roundedRectShapeDesc.width = roundedRectShapeDesc.height = 100;
sharedWB.model.addShape(roundedRectShapeDesc);
}

/**
* Add a Line using the WBLineShapeDescriptor.
*/
protected function addLine():void
{
var lineShapeDesc:WBLineShapeDescriptor = new WBLineShapeDescriptor();
lineShapeDesc.x = _lastMouseX;
lineShapeDesc.y = _lastMouseY;
lineShapeDesc.width = lineShapeDesc.height = 100;
sharedWB.model.addShape(lineShapeDesc);
}

/**
* Add an Arrow  using the WBArrowShapeDescriptor.
*/
protected function addArrow():void
{
var arrowDesc:WBArrowShapeDescriptor = new WBArrowShapeDescriptor();
arrowDesc.x = _lastMouseX;
arrowDesc.y = _lastMouseY;
arrowDesc.width = arrowDesc.height = 100;
sharedWB.model.addShape(arrowDesc);
}

/**
* Add Text using the WBTextShapeDescriptor.
*/
protected function addSampleText():void
{
var textShapeDesc:WBTextShapeDescriptor = new WBTextShapeDescriptor();
textShapeDesc.x = _lastMouseX;
textShapeDesc.y = _lastMouseY;
textShapeDesc.htmlText = "SampleText";
sharedWB.model.addShape(textShapeDesc);
}

/**
* Add a "Highlight area shape" using the WBHighlightAreaShapeDescriptor.
* Note a "Highlight area shape" is nothing but a rounded-Rectangle whose alpha is 0.5
*/
protected function addHighLightArea():void
{
var hightLightAreaDesc:WBHighlightAreaShapeDescriptor = new WBHighlightAreaShapeDescriptor();
hightLightAreaDesc.x = _lastMouseX;
hightLightAreaDesc.y = _lastMouseY;
hightLightAreaDesc.width = hightLightAreaDesc.height = 100;
sharedWB.model.addShape(hightLightAreaDesc);
}

protected function getShapeClass(p_shapeId:String):String
{
var stringFullClass:String = flash.utils.getQualifiedClassName(sharedWB.model.getShapeDescriptor(p_shapeId));
return stringFullClass.substring(stringFullClass.lastIndexOf("::")+2, stringFullClass.length);
}

附加Demo， http://pan.baidu.com/s/1kUt5Pcz