在了解SVG坐标系统之前，要先熟悉三个概念: SVG中 世界，视野(viewbox)，视窗(viewport). SVG中的世界就是一个无限大的画布，我们可以在上面画任何东西。因为在svg元素中，我们可以写任意的代码，绘制无数的图形。代码的数量，是由你决定的， 你想写多少就写多少，无数的图形肯定是无 ...
分类：
其他好文 时间：
2017-07-06 00:25:22
阅读次数：
993
Bitmap bit = new Bitmap(90, 40);//画布大小 Graphics g = Graphics.FromImage(bit);//创建绘制对象，告诉它往哪张图片上绘制 Random r = new Random(); string s = ""; Color color1 ... ...
分类：
其他好文 时间：
2017-07-04 09:44:16
阅读次数：
177
前段时间，在对H5的回顾中突然对canvas有了感觉，闲来无事便对其进行了一些捯饬。这不，上周我还做了一个好玩的画板呢，废话不多说，直接上代码(PS：翠花，上代码~)： HTML部分： HTML页面准备就绪，Javascript部分： 在此，我对橡皮的处理可能不够理想，因为如果下载的是透明的，那么会 ...
分类：
其他好文 时间：
2017-07-03 22:29:51
阅读次数：
247
html5提供了一个<canvas>标签，结合javascript的canvas api接口可以用来绘制图形和动画。最近工作中涉及到画图的任务，下面来了解一下canvas的基础：canvas画布。 1，canvas（画布）的width和height 上面的代码中放置了两个canvas画布，一副图片， ...
分类：
其他好文 时间：
2017-07-01 15:29:16
阅读次数：
167
效果图 1.做出canvas画布和声明一个用来存储雨滴的数组 2.将雨滴的位置、大小得到 由于最后所有的东西都需要用setinterval包起来，所以这里的变量只能用做局部变量，不能用全局声明。 3.将生成的雨滴存到数组 冒号前为键名，冒号后为之前声明的变量，用作键值，fun里是在画布上生成雨滴，最 ...
分类：
编程语言 时间：
2017-07-01 00:06:31
阅读次数：
227
今天来个画布的讲解，对于画布你们了解多少呢。 Canvas他是使用 JavaScript 来绘制图像的，canvas 元素本身是没有绘图能力的。所有的绘制工作必须在 JavaScript 内部完成。 在画布的流程中大致是这样： 1、’先获取画布canvas； 2、创建2d画布； 3、起始点 4、过渡 ...
分类：
其他好文 时间：
2017-07-01 00:05:51
阅读次数：
264
canvas canvas 标签含义 用来定义图形，是一个容器，基于javascript的绘图脚本 标签含义 用来定义图形，是一个容器，基于javascript的绘图脚本 使用 创建画布 使用 创建画布 <canvas id="myCanvas" width="400" height="400" s ...
分类：
其他好文 时间：
2017-06-30 15:37:07
阅读次数：
194
1.区别fillRect与rect： fillRect():默认填充成黑色矩形,不能用于区域点击 rect():只是画矩形，但未填充，后面添加填充fill()或描边stroke()，通过结合addHitRegion({'id': 'idname'})在画布实现区域点击 PS：谷歌安全性启用或停止方法 ...
分类：
其他好文 时间：
2017-06-30 01:04:24
阅读次数：
114
最近做了一个用canvas合成海报图片的移动端项目，由于一点canvas基础都没有，所以去网上搜了一位前辈的demo，但是开发过程中遇到了很多问题，现将所遇问题及解决方法总结如下： 1、移动端canvas项目适配全屏问题 问题描述：由于canvas的width和height只能设置px值，不支持re ...
分类：
其他好文 时间：
2017-06-29 19:10:14
阅读次数：
764
我们知道canvas画布可以很方便的js原生支持转为图片格式并下载，但是svg矢量图形则并没有这方面原生的支持。研究过HighChart的svg图形的图片下载机制，其实现原理大体是浏览器端收集SVG代码信息，并发送到到服务器端，由后端程序转换成图片格式后，以流的形式反射给浏览器端下载。 最近在项目中 ...
分类：
Web程序 时间：
2017-06-28 18:41:52
阅读次数：
211
