haojianlong hace 4 años
padre
commit
4d6aaa630e

+ 5 - 3
docs/.vuepress/components/example/web/graph/DrawLine1.vue

@@ -12,14 +12,16 @@
         }
 
         onDraw(canvas: SPainter): void {
+            // 清除画布
+            canvas.clearRect(0,0,800,100);
+
             // 在此编写绘制操作相关命令
             canvas.drawLine(0,0, 100, 100);
 
             canvas.pen.lineWidth = 1;
-            canvas.pen.dashOffset += 10;
-            canvas.pen.lineDash = [25, 5, 10, 30];
+            canvas.pen.dashOffset = new Date().getTime()/50%60;
+            canvas.pen.lineDash = [10,50];
             canvas.drawLine(200, 50, 400, 50);
-
             this.update();
         }
     }

+ 6 - 1
docs/.vuepress/components/example/web/graph/DrawRect1.vue

@@ -12,6 +12,8 @@
         }
 
         onDraw(canvas: SPainter): void {
+            canvas.clearRect(0,0,800,200);
+
             canvas.pen.color = SColor.Blue;
             canvas.brush.color = SColor.Red;
             canvas.drawRect(10, 10, 80, 80);
@@ -34,9 +36,12 @@
             canvas.pen.lineWidth = 2;
             canvas.pen.color = SColor.Blue;
             canvas.brush.color = SColor.Red;
-            for (let i = 1; i < 100; i += 10) {
+            let k = new Date().getTime()/100%10;
+            for (let i = 1; i < k*10; i += 10) {
                 canvas.drawRect(510 + i, i, 80, 80);
             }
+
+            this.update();
         }
     }