123456789101112131415161718192021222324252627282930313233343536373839404142434445464748 |
- <template>
- <canvas id="drawLine2" width="800" height="100" />
- </template>
- <script lang="ts">
- import { SCanvasView, SColor, SPainter } from "@saga-web/draw/lib";
- class TestView extends SCanvasView {
- constructor() {
- super("drawLine2")
- }
- onDraw(canvas: SPainter): void {
- // 在此编写绘制操作相关命令
- canvas.drawLine(0,0, 100, 100);
- canvas.pen.lineWidth = 1;
- canvas.pen.color = SColor.Blue;
- for (let i = 0; i < 360; i += 10) {
- let q = i * Math.PI / 180;
- canvas.drawLine(
- 200,
- 50,
- 200 + 50 * Math.cos(q),
- 50 + 50 * Math.sin(q));
- }
- canvas.pen.color = SColor.Red;
- for (let i = 0; i < 360; i += 10) {
- let q1 = i * Math.PI / 180;
- let q2 = (i + 120) * Math.PI / 180;
- canvas.drawLine(
- 350 + 50 * Math.cos(q1),
- 50 + 50 * Math.sin(q1),
- 350 + 50 * Math.cos(q2),
- 50 + 50 * Math.sin(q2));
- }
- }
- }
- export default {
- mounted() {
- new TestView();
- }
- }
- </script>
|