最近，我们部门在开发一个组件库时，我注意到一些团队成员对使用TypeScript表示出了抵触情绪，他们常常抱怨说：“TypeScript太麻烦了，我们不想用！”起初，我对此感到困惑：TypeScrip

前言 大家好，我是林三心，用最通俗易懂的话讲最难的知识点是我的座右铭，基础是进阶的前提是我的初心~ 随着我用 URL.createObjectURL 这个 API 越来越多次，越发感觉真的是一个很好用

开发环境 依赖安装 效果展示 静态资源获取 完整代码 vue文件 main.js文件 静态资源目录问题 结语

背景 最近做一个大屏需求，第一次做酷炫的大屏项目，把其中有特点的组件总结下，以备后用。组件主要有以下4个。因为代码比较多，就创建了项目放到github上了，如果需要可以直接下载代码本地运行查看：big

css实现整圆、半圆、1/4圆 整圆和半圆，通过svg实现任意角度圆，转盘抽奖奖品配置实现以及圆的角度计算。

绘制一个仪表盘效果，只需要用到一些小学生都会的数学公式和前端小白都会的SVG。学习SVG的同时最好搭配一些实际运用。

文章 链接 Qt编写自定义控件1-汽车仪表盘 https://qtchina.blog.csdn.net/article/details/89407746 Qt编写自定义控件2-进度条标尺 https

如果选使用<script>直接引入js文件，可点击下载arc-progress.min.js文件。 如图所示标注了弧形的起点和重点，方向为顺时针。如果你想绘制一个圆形进度条，可以设置arcStart为-90，arcEnd为270。如果想绘制一个半圆，可以设置arcStart为1…

代码地址：gitee.com/zyjun/progress/index.html 一、使用Canvas实现原理 最重要的是一步一步的调试，最终实现自己想要的效果。 绘制图形部分逻辑 因为每个部分的绘制