240 发简信
IP属地:广东
  • canvas控件--折线图--区间选择功能(下)

    上一篇,我们讨论了如何通过canvas绘制一个折线图接下来,我们将给这个折线图实现鼠标交互效果 首先,鼠标在我们的折线图上移动时,我们要一个蓝色的竖线跟随鼠标移动要实现这个效...

  • canvas控件--折线图--区间选择功能(上)

    根据项目上的需求封装的一个控件,不知道叫什么好,暂时命名为时间区间选择器吧。简单来讲,就是一个折线图,x轴为时间,y轴为数值,我们可以通过拖拽等方式,在折线图上选择一个时间段...

  • canvas绘制虚线,虚线方框,虚线圆

    canvas没有提供绘制虚线的api,我们可以通过moveTo,和lineTo来实现绘制虚线的需求。思路是将一整条虚线分成若干个小线段,遍历这些小线段,单数线段通过lineT...

  • canvas新手常见问题

    1. 为什么要设置display: block?图片文字等inline元素默认是和父级元素的baseline对齐的,而baseline又和父级底边有一定距离(这个距离和 fo...

  • canvas绘制一个圆角的方形

    我们使用canvas绘制一个方形的方法是ctx.rect(left, top, width, height);现在我们想绘制一个半径为r的方形,只需要在方形对应的4个边角各绘...