DrawLine1.vue 520 B

12345678910111213141516171819202122232425
  1. <template>
  2. <canvas id="DrawLine1" width="800" height="200" />
  3. </template>
  4. <script lang="ts">
  5. import { SCanvasView, SPainter } from "@saga-web/draw/lib";
  6. class TestView extends SCanvasView {
  7. constructor() {
  8. super("DrawLine1")
  9. }
  10. onDraw(canvas: SPainter): void {
  11. // 在此编写绘制操作相关命令
  12. canvas.drawLine(0,0, 200, 200);
  13. }
  14. }
  15. export default {
  16. mounted() {
  17. new TestView();
  18. }
  19. }
  20. </script>