今天我们要使用ivx制作一个音乐播放器，功能包括控制音乐的播放、暂停，能够通过点击或者拖拽调节音乐的播放进度，下面说一下具体的实现方法。一.demo布局首先看一下demo的结构，横幅下两个文本组件用于展示音乐信息，其余内容放置在画布中，布局上可以分为一个播放/暂停模块和一个进度条模块，分别放置在两个对象组中，另外还有一些变量、动作组和触发器。二.音乐组件既然是音乐播放器，自然就需要添加一个音乐组件
分类：
其他好文 时间：
2020-04-03 10:30:15
阅读次数：
141
在案例中经常需要实现这样一种功能，我们先获取到用户的微信头像，然后给用户的头像添加一些装饰的图案并制作出一张新的图片，最后还可以让用户下载下来作为自己的微信头像。今天就结合“给我一面五星红旗”这个demo讲一讲这种案例该如何实现。1.首先搭建一个比较简单的界面，主体是一个画布，在画布里添加两个图片组件，一张用来显示当前用户的头像，另一张小图就是展示小国旗。还需要添加一个横幅，横幅里面放置一个图片组
分类：
微信 时间：
2020-04-03 00:25:57
阅读次数：
193
<template> <!--游玩区域--> <div class="panel"> <canvas id="canvas" @touchstart.prevent="touchStart($event)" @touchmove.prevent="eventMove($event)" :style= ...
分类：
其他好文 时间：
2020-04-02 11:55:41
阅读次数：
73
## 使用canvas画布利用js通过鼠标实现矩形的绘制（任意方向的绘制图形）(如果要绘制其他图形，做一点小改动就行了) <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <styl ...
分类：
Web程序 时间：
2020-04-01 13:03:36
阅读次数：
146
1. 项目流程 UI界面部分 利用Java的图形界面工具swing和awt来绘制棋盘的框架，绘制了19X19的网格。然后在画布上增加监听器来监听鼠标点击的部分，然后在邻近的网格交点处绘制棋子，这样就实现了下棋的效果。 逻辑处理部分 19X19的棋盘，就用19X19的二维数组来存储棋盘的信息。每当玩家 ...
分类：
其他好文 时间：
2020-03-29 01:19:08
阅读次数：
88
1、概述 <canvas>元素用于生成图像。它本身就像一个画布，JavaScript 通过操作它的 API，在上面生成图像。它的底层是一个个像素，基本上<canvas>是一个可以用 JavaScript 操作的位图（bitmap）。它与 SVG 图像的区别在于，<canvas>是脚本调用各种方法生成 ...
分类：
其他好文 时间：
2020-03-28 21:38:34
阅读次数：
82
title: Canvas基础 date: 2016-11-09 tags: HTML5 0x00 Canvas 使用 Canvas 元素必须为其设置宽度和高度属性，指定可以绘制区域的大小。如果不添加任何样式或者不绘制任何图形，那么是看不到该元素的。 但是若是通过 CSS 样式来为其设置宽高属性的话 ...
分类：
其他好文 时间：
2020-03-26 10:40:22
阅读次数：
80
HTML5 <canvas> 标签用于绘制图像（通过脚本，通常是 JavaScript）。 不过，<canvas> 元素本身并没有绘制能力（它仅仅是图形的容器） - 您必须使用脚本来完成实际的绘图任务。 getContext() 方法可返回一个对象，该对象提供了用于在画布上绘图的方法和属性。 get ...
分类：
其他好文 时间：
2020-03-24 23:41:27
阅读次数：
134
HTML5 Audio(音频) 定义和用法 提示：可以在开始标签和结束标签之间放置文本内容，这样老的浏览器就可以显示出不支持该标签的信息。 音频格式的MIME类型 | Format | MIME type | | : | : | | MP3 | audio/mpeg | | Ogg | audio/ ...
分类：
Web程序 时间：
2020-03-22 16:03:49
阅读次数：
86
1、HTML5 Canvas粒子模拟效果 这是一款利用HTML5 Canvas模拟出来的30000个粒子动画，当你用鼠标在canvas画布上移动时，鼠标周围的一些粒子就会跟着你移动，并形成一定的图案，就像你在玩沙画一样，效果非常不错。这里，我们应用了一些HTML5的特性，让这个粒子动画显得相当动感。 ...
分类：
其他好文 时间：
2020-03-20 10:53:28
阅读次数：
66
