前端
关注
分享
扫一扫
前端学习笔记
small-white
面向百度编程(⊙ˍ⊙)
展开
-
JS小游戏-24点（vue+element简单实现）
上次下午快下班时闲着没事，想起了小的时候玩用扑克牌玩的一个小游戏--24点。游戏规则很简单，把扑克牌里面的数字和A挑出来，打乱顺序，两人平分这些牌，然后每人出两张牌，两个人抢答，根据这四张牌使用加减乘除和括号，每张牌使用一次，先算出来的人获得4张牌。重复上述过程，直到有一个人输掉所有牌游戏结束。 刚好最近在使前端，就想着用一个页面来实现一下这个小游戏，简单的使用vue、element来完成的。效果图： 这里只是一个人玩的，后面可以做成可以两个人玩的。 代码： <!DOCTYPE html原创 2020-09-27 17:29:12 · 1371 阅读 · 0 评论 -
使用canvas绘制较复杂的类似极坐标的图形
前些天接到一个需求要将桌面软件的度盘界面在web页面上画出来，找了一写前端的图形组件库echarts等，都没有可以达到这种效果的，所以只能用canvas自己来绘制了。用到的都是canvas里面的最基本的画直线、圆弧、绘制路径、填充这些函数，在这里记录一下。 效果图： 思路： 1. 先绘制内圈，包括刻度和刻度值，中心位置文字。 2. 绘制7个外圈的圆形，判断为最后一个圈时画半圆。 3. 绘制外圈的刻度线和分割线。 4. 根据弧度值填充环的颜色。 注意的问题： 1. canvas标签的宽和高设原创 2020-09-22 11:40:01 · 989 阅读 · 0 评论