canvas
关注
分享
扫一扫
空谷足音 -จุ
活出自己的世界！(微信18710307060)
展开
-
special-ui，一个mini且可爱的可视化组件库， 包含飞线、流程图各种类型可视化组件!
special-ui一个mini且可爱的可视化组件库(https://github.com/davidpan123/specialUi), 欢迎点赞！！安装： npm i special-ui全局使用：import Vue from 'vue'import specialUi from 'special-ui'Vue.use(specialUi)按需引入:import Vue from 'vue'import {FlyLine} from 'special-ui'V.原创 2020-11-27 11:29:26 · 929 阅读 · 0 评论 -
canvas-小游戏-控制人走向
实现效果：通过键盘的上下左右键控制人的走动？代码实现：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style media="screen"> body {backg...原创 2019-07-19 14:34:36 · 601 阅读 · 0 评论 -
canvas碰撞检测-矩形
问题：实现一个鼠标移到矩形内则边框变红，鼠标离开矩形边框变回之前的形态的效果？思路： 鼠标移动的事件中，获取距离context的左边和上边的距离，ev.offsetX；ev.offsetY，只要判断这个范围在矩形范围内即可。代码实现：<!DOCTYPE html><html> <head> <meta charset="u...原创 2019-07-17 17:33:28 · 777 阅读 · 0 评论 -
canvas碰撞检测-圆
问题：实现一个鼠标移到圆内则北京变黄，鼠标离开圆的背景变回之前的形态的效果？思路： 鼠标移动的事件中，获取距离context的左边和上边的距离，ev.offsetX；ev.offsetY，他们距离圆心和差开方就可以获取到圆心的距离， 只要判断点->圆心 的距离小于等于半径即可。代码实现：<!DOCTYPE html><html> <...原创 2019-07-17 17:44:37 · 462 阅读 · 0 评论