如题，项目需要做一个canvas的绘图工具，绘制图纸传递给后台。因此需要做一个非空验证，记录解决方法祝大家早日脱坑。 ...
分类：
其他好文 时间：
2018-09-20 16:19:11
阅读次数：
401
一个单位圆的方程是 X2 + Y2 = 1，画在坐标系中： 对于圆来说，由于它是高度对称的，旋转属性对它而言意义不大。 在 canvas 画布上绘制一个圆很简单，有两种方法： 1. 使用 html5 中提供的 drawArc API 2. 我们也可以用公式 X2 + Y2 = 1，将 X 从 -1 ...
分类：
其他好文 时间：
2018-09-20 13:47:31
阅读次数：
265
最简单使用Canvas元素： <canvas width="300" height="300"></canvas> 这样就创建出一个空白画布。 但是这样创建出的画布不能随着浏览器窗口大小的改变而动态的改变画布的大小。而这一点往往又非常重要， 因为我们会经常改变浏览器窗口大小，不会一直保持某个固定的大 ...
分类：
Web程序 时间：
2018-09-18 11:09:26
阅读次数：
156
globalCompositeOperation 属性设置会返回一个源图像绘制到目标的图像上源图像= 打算放置到画布上的绘图目标图像=您已经放置在画布上的绘图 默认值 source-overdestination-out canvaasElement.toDataURL()导出画布 返回值是base ...
分类：
其他好文 时间：
2018-09-16 21:34:22
阅读次数：
216
<hr>是HTML中的单标签。 html5大致是（html+css3+javascript） 斜体：em i 加粗：strong b 下划线。 ###分区标签 分区标签自身没有显示效果，可以充当容器的使用，用于多个功能相关元素，可以进行元素的整体控制。 -div：块级分区元素，独占一行 -span： ...
分类：
Web程序 时间：
2018-09-14 20:02:59
阅读次数：
181
什么是 Canvas？ HTML5 的 canvas 元素使用 JavaScript 在网页上绘制图像。 画布是一个矩形区域，您可以控制其每一像素。 canvas 拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。 创建 Canvas 元素 向 HTML5 页面添加 canvas 元素。 规定元 ...
分类：
Web程序 时间：
2018-09-09 16:52:26
阅读次数：
197
2018-8月，最近一直在做小程序，前前后后做了也有几个了，简单整理一下给自己看 仿抖音小程序，视频全屏幕显示，下拉和上滑可以切换视频，右下角的图标有点丑 头像、图片小工具，实现头像变圆、头像加字、九宫格图片等一些图片处理功能，主要用到了we-cropper这个小程序插件，学习了一些canvas画布 ...
分类：
微信 时间：
2018-09-09 15:26:02
阅读次数：
222
Ctrl+N 新建画布：预设可以选择纸张 A4之类，宽度高度会自动调整 矢量图:矢量图没有像素的概念，面对对象的图像进行绘制图像，使用数学算法放大缩小，清晰度不变 像素图:是屏幕上的点，放大后会呈现马赛克画质 分辨率：分辨率的单位简称Ppi，72ppi表示一英寸由72个像素点组成 初始分辨率要设置好 ...
分类：
其他好文 时间：
2018-09-08 15:20:48
阅读次数：
154
前面一文已经创建了一个Jquery插件，并在初始化时渲染了一个红色的矩形，作为一个设计器，最常用的操作是直接从面板中将组件拖到画布上生成实例，本文主要讲述如何通过拖动组件来显示。 html元素是支持拖动的，主要通过 draggable="true"来允许元素可被拖动，以及三个事件dragstart( ...
分类：
其他好文 时间：
2018-09-06 19:47:48
阅读次数：
172
如今浏览器的功能越来越强大，而且这些功能可能通过JavaScript直接调用。你可以用HTML5标签轻松地添加音频和视频，而且可以在HTML5画布上创建各种交互组件。现在这个功能集合里又有了一个新成员，即支持webGL。通过webgl可以直接使用显卡的计算资源，创建高性能的二维和三维计算机图形，然后 ...
分类：
Web程序 时间：
2018-09-05 21:49:59
阅读次数：
186
