1 2 HTMLCanvasElement//canvas elem对象 3 属性 4 height//高 5 width//宽 6 方法 7 getContext()//获取<canvas>相关的可绘制的上下文 8 toBlob()//(ie 不支持)此方法可以将<canvas>画布转换为base ...
分类：
编程语言 时间：
2020-02-16 16:31:36
阅读次数：
97
ggplot2绘图系统 基础绘图包向ggplot2过渡——qplot 绘图理念的不同： 基础绘图包是先铺好画布，再在这张画布上作图（常规思维）； ggplot2打破常规，采用图层叠加的方法。 qplot函数既有plot特点，又体现了ggplot2的特征，是一个过渡函数。 其他类型图形。 透明度。 分 ...
分类：
编程语言 时间：
2020-02-14 16:06:17
阅读次数：
92
当我们想用一张或几张图来描述我们的系统时，是不是经常遇到以下情况： 对着画布无从下手、删了又来？ 如何用一张图描述我的系统，并且让产品、运营、开发都能看明白？ 画了一半的图还不清楚受众是谁？ 画出来的图到底是产品图功能图还是技术图又或是大杂烩？ 图上的框框有点少是不是要找点儿框框加进来？ 布局怎么画 ...
分类：
其他好文 时间：
2020-02-13 21:23:06
阅读次数：
114
"画布的基础知识" "专门研究画布的大佬" "手动实现echar的大佬" "echar官方" 画布之水印 画布之滤镜 画布之刮刮乐 画布之图表 echar框架就是牛逼，圆柱，饼图，折线图，曲线图，地图，热力图等等 各大地图厂家，百度地图，腾讯地图等等 画布之动画和游戏 有很多的JS游戏引擎， "游戏 ...
分类：
其他好文 时间：
2020-02-13 17:04:01
阅读次数：
68
1、html <canvas id="canvas" width="300" height="150"></canvas> 2、js var canvas = document.getElementById("canvas") // 获取画布元素 var ctx = canvas.getContex ...
分类：
其他好文 时间：
2020-02-13 13:18:26
阅读次数：
53
绘制平行线&线模糊的问题 1. 准备画布 <!-- 1. 画布 --> <canvas width="600" height="400"></canvas> 2. 加边框，让画布凸显出来 <style> canvas { border: 1px solid #ccc; } </style> 3. 获 ...
分类：
其他好文 时间：
2020-02-11 14:21:13
阅读次数：
146
1、svg绘制出来的每一个图形的元素都是独立的DOM节点，能够方便的绑定事件或用来修改。canvas输出的是一整幅画布； 2、svg输出的图形是矢量图形，后期可以修改参数来自由放大缩小，不会是真和锯齿。而canvas输出标量画布，就像一张图片一样，放大会失真或者锯齿 https://www.cnbl ...
分类：
其他好文 时间：
2020-02-10 11:54:23
阅读次数：
60
1. 打开图片-选择图像-图像大小设置为2.62cm宽，3.5cm高-确定。 2. 选择图像-画布大小-新建大小：0.2cm，02cm-画布扩展颜色-选白色--确定。 3 .设置面板把照片放上去：新建-预设选照片-大小选纵向,5*7,颜色模式RGB,(可保存预设)-确定。 4 .把照片使用移动工具拖 ...
分类：
其他好文 时间：
2020-02-08 17:45:40
阅读次数：
57
引子 解决了第一个问题[图像灰度处理][url segment 65]之后，接着就是做擦除的效果。 [Origin][url origin] [My GitHub][url my github] 思路 一开始想到 Canvas 的画布可以相互覆盖的特性，彩色原图作为背景，灰度图渲染到 Canvas ...
分类：
其他好文 时间：
2020-02-07 14:35:48
阅读次数：
123
Canvas基本用法getContext()描边和填充strokeStyle：设置描边样式fillStyle：设置填充样式stroke()：描边fill()：填充绘制矩形fillRect()：填充矩形strokeRect()：描边矩形clearRect()：清除画布矩形区域绘制路径beginPath... ...
分类：
其他好文 时间：
2020-02-03 16:12:37
阅读次数：
110
