一个非常完善的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实现的方式有一点不一样，所以自己写了个 http://www.cnblogs.com/dzone/archive/2011/07/18/2109542.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