canvas: 调整布局，将测试结果移动到底部

pages/component/canvas/canvas.uvue

 <template>
   <view class="page" id="page-canvas">
-
     <canvas id="canvas" class="canvas-element"></canvas>
     <scroll-view class="scroll-view">
-      <view>
-        <text style="padding: 8px 10px;">获取 CanvasContext</text>
-      </view>
-      <view class="text-group">
-        <text>获取 CanvasContext 结果：</text>
-        <text id="testCanvasContext">{{testCanvasContext}}</text>
-      </view>
-      <view class="text-group">
-        <text>测试 ToDataURL 结果：</text>
-        <text id="testToDataURLResult">{{testToDataURLResult}}</text>
-      </view>
-
-      <view class="text-group">
-        <text>测试 createImage 结果：</text>
-        <text id="testCreateImage">{{testCreateImage}}</text>
-      </view>
-
-      <view class="text-group">
-        <text>测试 createPath2D 结果：</text>
-        <text id="testCreatePath2D">{{testCreatePath2D}}</text>
-      </view>
-
       <!-- #ifdef WEB -->
       <button class="canvas-drawing-button" @click="canvasToBlob">canvasToBlob</button>
       <view>
@@ -45,6 +22,24 @@
         <button>CanvasContext API</button>
       </navigator>
 
+      <view class="text-group">
+        <text>获取 CanvasContext 结果：</text>
+        <text id="testCanvasContext">{{testCanvasContext}}</text>
+      </view>
+      <view class="text-group">
+        <text>测试 ToDataURL 结果：</text>
+        <text id="testToDataURLResult">{{testToDataURLResult}}</text>
+      </view>
+
+      <view class="text-group">
+        <text>测试 createImage 结果：</text>
+        <text id="testCreateImage">{{testCreateImage}}</text>
+      </view>
+
+      <view class="text-group">
+        <text>测试 createPath2D 结果：</text>
+        <text id="testCreatePath2D">{{testCreatePath2D}}</text>
+      </view>
     </scroll-view>
   </view>
 </template>