HTML5中的2D图形绘制技术 Canvas和SVG是HTML5中主要的2D图形技术，前者提供画布标签和绘制API，后者是一整套独立的矢量图形语言，成为W3C标准已经有十多年(2003.1至今)，总的来说，Canvas技术较新，从很小众发展到广泛接受，注重栅格图像处理，SVG则历史悠久，很早就成为国 ...
分类：
Web程序 时间：
2020-05-29 12:09:33
阅读次数：
96
本人还是习惯使用Python语言，有时候不得不使用matlab的时候就变得举步维艰，下面记录一下使用matlab进行图像处理的一些常用操作以及代码，方便之后查阅： 1. 图像的读取 %% 读取原图像 im = imread('Alan_Turing.jpg'); im = double(im); 图 ...
分类：
其他好文 时间：
2020-05-29 11:55:30
阅读次数：
122
只要设置ctx.textAlign = ‘center' ， 然后把x不是设置距离画布的距离，而是还要加上图像的一半宽度。 ...
分类：
移动开发 时间：
2020-05-29 09:37:53
阅读次数：
513
Canvas 的三种渲染模式 Canvas Canvas就是Unity渲染UI的组件。UGUI是Unity支持的2D界面控件，所有的UI控件都需要在包含Canvas组件的物体下边充当子物体，我们通过在GameObject/UI创建物体时，会自动生成Canvas以及与其对应的EventSystem控件 ...
分类：
编程语言 时间：
2020-05-27 18:54:14
阅读次数：
115
什么是 Canvas？ HTML5 的 canvas 元素使用 JavaScript 在网页上绘制图像。 画布是一个矩形区域，您可以控制其每一像素。 canvas 拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。 浏览器支持 Internet Explorer 9+, Firefox, Ope ...
分类：
Web程序 时间：
2020-05-26 20:14:40
阅读次数：
74
绘图程序结构简单，逻辑也不复杂，例如在工具栏 (tool_frame) 中选择画线 (draw_line), 在选项栏（top_frame) 设置，然后在画布 (canvas_frame) 中进行绘制即可。其他如画方画园等，无论是操作还是实现，都基本类同。 1. 效果图： 2. 代码： import ...
分类：
其他好文 时间：
2020-05-24 19:21:12
阅读次数：
43
最近做一个活动，需要前端生成截图，用到了html2canvas，但是其中有个致命的问题是，活动生成的图片中要求需要一个动态的二维码 最初的活动是固定的二维码，所以生成没有问题，动态的二维码涉及到跨域等问题，无法在生成的图片中呈现 于是想到了利用前端canvas方式方式构建一个二维码画布，html2c ...
分类：
其他好文 时间：
2020-05-23 12:56:10
阅读次数：
256
每周一点canvas动画代码文件 在上一节我们介绍了高级的坐标旋转方法，我们只需要知道物体的位置，通过设定每一帧需要旋转的角速度,通过公式 newX = x*cos - y*sin; newY = y*cos + x*sin; 就可以计算出做圆周运动时物体的下一个坐标位置。本节的内容与上一节的内容息 ...
分类：
其他好文 时间：
2020-05-22 19:18:04
阅读次数：
45
简介 <canvas> 是 HTML5 新增的元素之一，它允许脚本语言动态渲染位图像。最初是由 Apple 引入，用于 Mac OS X 的仪表盘，后来又在 Safiri 和 Google Chrome 中被实现。 <canvas> 就像个神奇的画布，你可以在上面画出你想要的绚丽的效果。使用<can ...
分类：
其他好文 时间：
2020-05-22 17:23:28
阅读次数：
53
本期大纲 1、确定纵坐标的范围并绘制 2、根据真实数据绘制折线 相关阅读：在微信小程序中绘制图表（part1）在微信小程序中绘制图表（part3） 关注我的 github 项目 查看完整代码。 确定纵坐标的范围并绘制 为了避免纵坐标的刻度出现小数的情况，我们把纵坐标分为5个区块，我们取最小单位刻度为 ...
分类：
微信 时间：
2020-05-19 14:42:38
阅读次数：
91
