该demo支持IE5以上任意内核的浏览器 查看演示demo：支持IE5以上版本的浏览器Canvas绘图demo 补充：chats.js和echarts等图表库也可以使用本方法兼容IE6以上浏览器 1、引入excanvas.js 只需要引入一个js即可让IE5+支持Canvas绘图API <!--[i ...
分类：
编程语言 时间：
2018-09-18 11:16:00
阅读次数：
403
beginPath的作用很简单，就是开始一段新的路径，但在使用canvas绘图的过程中却非常重要 先来看一小段代码： 我们的代码没有错误，但得到的却是两个边长100px的黄色的正方形，而不是一绿一黄，这是为什么呢？ 事实上，canvas中的绘制方法（fill，stoke），都会以上一次“beginP ...
分类：
Web程序 时间：
2018-08-23 23:10:00
阅读次数：
239
Canvas 使用<canvas>对象,需要设置属性：width，height。指定绘图的区域大小。在canvas标签前后出现的信息将在不支持<canvas>元素的浏览器中显示出来。如下： 要在这块画布上绘图，需要取得绘图上下文。取得绘图上下文对象的引用需要调用getContext()方法并传入上下 ...
分类：
Web程序 时间：
2018-08-23 19:41:06
阅读次数：
211
业务中碰到微信小程序需要生成海报进行朋友圈分享，这个是非常常见的功能，没想到实际操作的时候花了整整一天一夜才搞好，微信的 canvas 绘图实在是太难用了，官方快点优化一下吧。 业务非常简单，只需要将用到的图片，文案素材拼装到一张图片，保存到本地就可以了。 首先创建画布，将一张网上的图片画到画布上。 ...
分类：
微信 时间：
2018-07-08 14:38:09
阅读次数：
633
<canvas></canvas>是HTML5中新增的标签，用于绘制图形，实际上，这个标签和其他的标签一样，其特殊之处在于该标签可以获取一个CanvasRenderingContext2D对象，我们可以通过JavaScript脚本来控制该对象进行绘图。 <canvas></canvas>只是一个绘制 ...
分类：
Web程序 时间：
2018-06-03 12:22:03
阅读次数：
195
1、新的尺寸单位 rpx rpx（responsive pixel）: 可以根据屏幕宽度进行自适应。 规定屏幕宽为750rpx。如在 iPhone6 上，屏幕宽度为375px，共有750个物理像素，则750rpx = 375px = 750物理像素，1rpx = 0.5px = 1物理像素。 设备 ...
分类：
微信 时间：
2018-05-25 21:26:59
阅读次数：
1927
《html 5+css 3网页设计经典范例(附cd光盘1张)》共分为18章，涵盖了html 5和css3中各方面的技术知识。主要内容包括html 5概述、html 5与html 4的区别、html 5的结构、canvas绘图功能、网络上的视频和音频应用、表单应用、全新的文件应用、地理位置信息处理、w ...
分类：
Web程序 时间：
2018-04-21 22:53:55
阅读次数：
256
HTML5最少欢迎的一个新功能就是canvas元素，这个元素负责在页面中设定一个区域，然后就可以使用javascript进行动态的绘图。 基本用法 设定了画布后，要去的绘图上下文,通过get.Context("2d")方法 使用toDataURL(),参数为图像的MIME类型格式，如toDataUR ...
分类：
编程语言 时间：
2018-03-20 15:13:40
阅读次数：
256
前言 想要在自己做的网页中，加入canvas动画效果，但是发现模板各种调整不好，觉得还是要对canvas有所了解，才可以让自己的网页变得狂拽炫酷吊炸天！ 一、绘制基础 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF ...
分类：
其他好文 时间：
2018-03-19 23:34:58
阅读次数：
396
神奇的canvas--传智播客前端学院 1 一、canvas简介 4 1.1 什么是canvas？（了解） 4 1.2 canvas主要应用的领域（了解） 4 二、canvas绘图基础 5 2.0 sublime配置canvas插件（推荐） 5 2.1 Canvas标签 5 2.1.1 canvas ...
分类：
其他好文 时间：
2018-01-27 00:46:35
阅读次数：
268
