1．波形图案 采用正弦函数可以绘制正弦波形图案。编写如下的HTML代码。 <!DOCTYPE html> <head> <title>波形图案</title> <script type="text/javascript"> function draw(id) { var canvas=documen ...
分类：
编程语言 时间：
2020-06-28 10:04:05
阅读次数：
90
1．小星星 设有如下的曲线参数方程： N=5 x = r*sin(nθ)*cos(θ) y = r*sin(nθ)*sin(θ) （0≤θ≤2π） 用循环依次取θ值为0~2π（每次增量为π/64），计算出X和Y,在canvas画布中将坐标点（X,Y）用线连起来，可绘制出一个一个5瓣花卉图案。 编写如 ...
分类：
编程语言 时间：
2020-06-26 11:01:11
阅读次数：
84
在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
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
