Canvas绘制文字示例

最新推荐文章于 2023-06-23 15:05:19 发布

LuckyJiang.2021

最新推荐文章于 2023-06-23 15:05:19 发布

阅读量315

点赞数

分类专栏： Web前端-Canvas

本文链接：https://blog.csdn.net/gingerredjade/article/details/118695249

版权

<template>
  <div id="system-run-status-con"
       class=""
       style="width: 100%; height: 100%;"
       ref="srsCanvas"
  >
  </div>
</template>

<script>
export default {
   data () {
      // 系统运行状态信息
      sysRunInfo: "当前运行状况良好，无故障待处理",
      isSysRunHealth: false,

      // Deprecated
      canvasWidth: null,
      canvasHeight: null,
      sysRunInfoShow: 1,
      canvasPoints: [],
      canvasCtx: null
   },
   methods: {
       initCanvasWH: function () {
        this.canvasWidth = document.getElementById('system-run-status-chart').clientWidth;
        this.canvasHeight = document.getElementById('system-run-status-chart').clientHeight;
      },
      drawCanvasText: function () {
        let that = this;
        that.isHealth = false;

        isHealth.initCanvasWH();

        debugger
        let canvas