静态图像类型 矢量（Vector）图 用数学公式描述的图像，用一系列绘图指令表示图像：图像中每个形状都用一个完整的公式描述，称为一个对象。 优点： 文件数据量很小： 图像质量与分辨率无关：无论图像放大或缩小多少倍，总是以显示设备允许的最大清晰度显示。 计算机计算与显示图像时，往往能看到画图的过程。 ...
分类：
其他好文 时间：
2020-05-23 14:41:07
阅读次数：
105
最近做一个活动，需要前端生成截图，用到了html2canvas，但是其中有个致命的问题是，活动生成的图片中要求需要一个动态的二维码 最初的活动是固定的二维码，所以生成没有问题，动态的二维码涉及到跨域等问题，无法在生成的图片中呈现 于是想到了利用前端canvas方式方式构建一个二维码画布，html2c ...
分类：
其他好文 时间：
2020-05-23 12:56:10
阅读次数：
256
从前猫王国里有一只白猫，名叫索菲亚，她学习用Python编程。 Vamei[^vamei]细述Python的起源。Python是一种编程语言，作者Guido von Rossum，一位荷兰计算机工程师。Guido创造Python的初衷是：「希望有一种语言，这种语言能够像C语言那样，能够全面调用计算机 ...
分类：
编程语言 时间：
2020-05-23 00:20:13
阅读次数：
50
canvas是html5出现的新标签，主要用来画图，看见网上能用来实现各种图形，所以感觉很好玩，就学习了一下。canvas绘制图形有两种方法： context.fill() //填充 context.stroke() //绘制边框 在绘制图形前要设置好图形样式，也有两种方法： context.fil ...
分类：
Web程序 时间：
2020-05-22 21:10:08
阅读次数：
67
1、compress(img) 传入要压缩的图片元素，返回一个base64 例如： compress（document.getElementById("img")） // 图片压缩 function compress(img) { let canvas = document.createElemen ...
分类：
Web程序 时间：
2020-05-22 19:49:33
阅读次数：
73
每周一点canvas动画代码文件 在上一节我们介绍了高级的坐标旋转方法，我们只需要知道物体的位置，通过设定每一帧需要旋转的角速度,通过公式 newX = x*cos - y*sin; newY = y*cos + x*sin; 就可以计算出做圆周运动时物体的下一个坐标位置。本节的内容与上一节的内容息 ...
分类：
其他好文 时间：
2020-05-22 19:18:04
阅读次数：
45
[toc] 1.利用canvas.clipPath方法，按照自定义的Path图形去切割控件 ImageView显示图片，底层是通过Canvas将我们的图片资源画到View控件上实现的； 因此，要让其显示圆形图片，只需要对Canvas进行相应的变化，比如切割圆形、绘制圆形。 方法1： 代码 xml中定 ...
分类：
移动开发 时间：
2020-05-22 18:59:11
阅读次数：
77
Canvas 创建canvas <canvas id="canvas"></canvas> 一般都要存在ID width和height建议直接在<canvas>中直接设定，不要使用css的方式去设定长和高，并且其是没有px单位的，因其也表示精度 width和height还可以使用JS的方式进行设定， ...
分类：
其他好文 时间：
2020-05-22 18:51:54
阅读次数：
47
简介 <canvas> 是 HTML5 新增的元素之一，它允许脚本语言动态渲染位图像。最初是由 Apple 引入，用于 Mac OS X 的仪表盘，后来又在 Safiri 和 Google Chrome 中被实现。 <canvas> 就像个神奇的画布，你可以在上面画出你想要的绚丽的效果。使用<can ...
分类：
其他好文 时间：
2020-05-22 17:23:28
阅读次数：
53
本系列文章对应游戏代码已开源 Sinuous game。 每个游戏都会包含场景和角色。要实现一个游戏角色，就要清楚角色在场景中的位置，以及它的运动规律，并能通过数学表达式表现出来。 场景坐标 canvas 2d的场景坐标系采用平面笛卡尔坐标系统，左上角为原点(0,0)，向右为x轴正方向，向下为y轴正 ...
分类：
其他好文 时间：
2020-05-22 16:58:58
阅读次数：
61
