一：定义 什么是canvas canvas画布，使用js在网页上绘制图像 什么是svgsvg是可伸缩矢量图 二：使用 canvas使用 <script type="text/javascript"> var c=document.getElementById("myCanvas"); var cxt ...
分类：
其他好文 时间：
2019-12-27 13:31:58
阅读次数：
73
这篇博文主要针对浏览器中绘制椭圆的方法扩展。在网上搜索了很多，发现他们绘制椭圆的方式都有缺陷。其中有压缩法，计算法，贝塞尔曲线法等多种方式。但是都不能很好的绘制出椭圆。所有我就对这个绘制椭圆的方式进行了研究，发现压缩法是可以完美实现椭圆绘制的。只不过很多人转发博文时根本不考虑事情的本质，人云亦云。废 ...
分类：
其他好文 时间：
2019-12-27 11:33:17
阅读次数：
87
var canvas = document.getElementById("canvas") var context = canvas.getContext("2d"); var START = 0; var LOADING = 1; var RUNNING = 2; var PAUSE = 3; ...
分类：
其他好文 时间：
2019-12-27 09:24:24
阅读次数：
77
var canvas = document.getElementById("canvas"); var ctx = canvas.getContext('2d'); var rem = 500 / 200; function clock() { ctx.clearRect(0, 0, 500, 50 ...
分类：
其他好文 时间：
2019-12-27 00:09:07
阅读次数：
90
1、首先要获取页面中的画布 var canvas = document.querySelector("canvas"); 2、创建画笔 var context = canvas.getContext("2d"); 3、选择要绘画的方式，进行绘画 1.context.stroke() 描边 conte ...
分类：
其他好文 时间：
2019-12-26 19:31:56
阅读次数：
70
1.什么是BlendEffect上一篇文章介绍了CompositionLinearGradientBrush的基本用法，这篇文章再结合BlendEffec介绍一些更复杂的玩法。Microsoft.Graphics.Canvas.Effects命名空间下的BlendEffect用于组合两张图片（分别是作为输入源的Background和Foreground），它包含多种模式，如下图所示：其中最简单的是
分类：
其他好文 时间：
2019-12-26 10:06:51
阅读次数：
82
computed: { handler() { return new this.Cesium.ScreenSpaceEventHandler(this.viewer.scene.canvas) } } 在事件的外面先定义一下 const _this = this (因为在setInputAction ...
分类：
其他好文 时间：
2019-12-25 13:19:51
阅读次数：
141
先看几个名词：Blob、ArrayBuffer、File、fileReader、formData ...
分类：
Web程序 时间：
2019-12-25 10:21:45
阅读次数：
88
html2canvas绘制跨域图片之后，会导致画布被污染，从而无法使用canvas的toDateUrl()等方法获取图片数据的方法，这是canvas的限制而并非html2canvas的原因。好了锅甩好了下面进入正题 公司最近有一个需求，保存一张海报，但是卡在了将绘制后图片转化成base64的个砍上。 ...
分类：
Web程序 时间：
2019-12-24 11:47:56
阅读次数：
234
通过js截取video窗口的一帧渲染到canvas。 如果需要保存为图片，只需将canvas保存为图片即可。 canvas保存为图片参考：https://www.cnblogs.com/dch0/p/11698982.html <!DOCTYPE html> <html> <head> <meta ...
分类：
Web程序 时间：
2019-12-24 11:41:36
阅读次数：
206
