chore/test: 0.41 #107

api.md

@@ -874,7 +874,7 @@ a.on(karas.Event.END, function() {
 #### zIndexChildren
 * **类型** `Array<Dom/Text/Geom>`
 * **说明**  
-此Dom下的直接孩子，且按照zIndex属性排好顺序，去除`mask`遮罩孩子。
+此Dom下的直接孩子，且按照zIndex属性排好顺序。
 
 #### lineGroups
 * **类型** `Array<Dom/Text/Geom>`
@@ -1208,12 +1208,12 @@ karas.render(
 #### isClip
 * **类型** `boolean` 只读
 * **说明**  
-当前标签属性是否传入了`clip`，表明图形是无透明遮罩。当为真值时，强制没有边线且没有透明度，因此只有封闭图形有效。
+当前标签属性是否传入了`clip`，表明遮罩是裁剪性质。它和mask正好反过来，mask是只显示重合部分，clip是反之。`clip`依赖`mask`属性声明。
 * **示例**
 ```jsx
 karas.render(
   <canvas>
-    <$rect style={{width: 100, height:100}} clip={true}/>
+    <$rect style={{width: 100, height:100}} mask={true} clip={true}/>
   </canvas>,
   '#selector'
 );

csx.md

@@ -251,6 +251,11 @@
 描边转角
 * stroke-miterlimit: Number
 描边斜切比率
+## 共有属性
+* mask: Boolean
+是否为遮罩，默认false。
+* clip: Boolean
+是否为裁剪性质的遮罩，默认false，依赖mask声明。
 ## 私有属性
 ### $circle
 * r: Number

index.js

@@ -16657,7 +16657,6 @@
           isMask = _assertThisInitialize.isMask;
 
       if (isMask) {
-        style.visibility = 'visible';
         style.background = null;
         style.border = null;
         style.strokeWidth = 0;
@@ -24157,7 +24156,7 @@
     Cache: Cache
   };
 
-  var version = "0.40.14";
+  var version = "0.41.0";
 
   Geom$1.register('$line', Line);
   Geom$1.register('$polyline', Polyline);

package.json

@@ -1,6 +1,6 @@
 {
   "name": "karas",
-  "version": "0.40.14",
+  "version": "0.41.0",
   "description": "A flexible JavaScript framework for RIA on Canvas/Svg.",
   "maintainers": [
     {

src/geom/Geom.js

@@ -19,7 +19,6 @@ class Geom extends Xom {
     this.__isClip = this.__isMask && !!this.props.clip;
     let { style, isMask } = this;
     if(isMask) {
-      style.visibility = 'visible';
       style.background = null;
       style.border = null;
       style.strokeWidth = 0;