在HTML5 Canvas画布中，我们可以根据曲线的方程绘制出曲线。例如，在笛卡尔坐标系中，圆的方程为： x=r*cos(θ) y=r*sin(θ) （0≤θ≤2π） 编写如下的HTML代码。 <!DOCTYPE html> <head> <title>圆</title> <script type= ...
分类：
编程语言 时间：
2020-06-26 10:25:33
阅读次数：
91
package com.ymw.sqlite.view;import android.content.Context;import android.graphics.Canvas;import android.graphics.Color;import android.graphics.Paint; ...
分类：
其他好文 时间：
2020-06-25 15:52:51
阅读次数：
153
在Canvas API中，上下文CanvasRenderingContext2D对象提供了一个绘制圆与圆弧的方法，其基本格式为： void arc(in float x, in float y, in float radius, in float startAngle, in float endAn ...
分类：
编程语言 时间：
2020-06-25 09:41:17
阅读次数：
87
在Canvas API中，上下文CanvasRenderingContext2D对象提供了一个与坐标旋转相关的方法： void rotate(in float angle); // 按给定的弧度顺时针旋转angle rotate（）方法旋转的中心始终是canvas的原点。如果要改变旋转中心，需要使用 ...
分类：
编程语言 时间：
2020-06-25 09:27:06
阅读次数：
101
在Canvas API中，上下文CanvasRenderingContext2D对象提供了一个与坐标旋转相关的方法： void rotate(in float angle); // 按给定的弧度顺时针旋转angle 利用rotate（）方法可以很方便地将绘制的图形旋转。下面我们通过对正方形进行旋转变 ...
分类：
编程语言 时间：
2020-06-25 09:19:50
阅读次数：
107
引子 在最近的工作中碰到了合成图片的需求，首先想到的便是 canvas，到网上查找了一些资料，大部分也是使用 canvas。因为好久没有实际接触过这方面的东西了，感觉到一些兴奋。预估会收获不少。 Origin My GitHub 宽高问题 因为是在手机上，需要进行不同尺寸的适配，在项目中使用的是 r ...
分类：
其他好文 时间：
2020-06-24 09:15:08
阅读次数：
69
最近遇到一个需求，要在图片上显示带有半透明背景的文字，效果如下图所示： 看到这个需求之后，第一反应是使用CSS3中的opacity设置元素的透明度。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name=" ...
分类：
Web程序 时间：
2020-06-24 00:10:29
阅读次数：
97
1. 在html页面中引入canvas标签，设置大小 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-s ...
分类：
Web程序 时间：
2020-06-22 18:49:21
阅读次数：
66
问题：在页面上添加了动画，切换页面后会报错，如下图： 报错是因为离开有动画的页面后，没有取消动画 // requestAnimationFrame方法启动的动画 this.timeIndex = requestAnimationFrame((time) => draw(time, canvas, c ...
分类：
其他好文 时间：
2020-06-22 11:03:25
阅读次数：
113
canvas绘制原理和传统dom不一样,canvas是串行绘制，因此代码的先后顺序交换并不是等效的。想要覆盖其他元素，那么只需要在其后调用绘制方法即可覆盖。 无限循环图片可以采用两张一样的图片头尾相接展示。 requestAnimationFrame理想情况会以每秒60次速度执行，如果某些需求需要降 ...
分类：
其他好文 时间：
2020-06-21 00:45:41
阅读次数：
105
