-- 这里设置画布大小需要在标签里面直接设置 -->. 这里理解为，在canvas画布中，画了一个150150的矩形A，在这个矩形中又绘制了一个5050的clear矩形B，这个B会清除A中的那一块区域，使B这一区域变得透明，从而显示了画布的浅蓝色,并

const base64 = canvas.toDataURL;// 压缩后质量

前言熟悉 canvas 的朋友想必都使用或者听说过 Fabric.js，Fabric 算是一个元老级的 canvas 库了，从第一个版本发布到现在，已经有 8 年时间了。我近一年时间也在项目中使用，作为用户简单说说感受：。这里不会主要介绍如何使用 fabr

最近项目中需要一个六边形的水波纹进度，在网上只找到了一个进度球的绘制方法，然后结合了一下多边形的绘制方法，代码如下案例1：代码：

更多文章最近开发网站有一个需求，要求页面上有一块区域，用户能用鼠标在上面写字，并能保存成图片 base64 码放在服务器。这样的需求用 canvas 实现是最好的。需要用到 canvas 的以下几个属性：。废话就不多说了，直接上代码和 DEMO。我对代码做

Created 2019-4-3 18:29:53 by huqiUpdated 2019-4-3 19:12:22 by huqi. 今天，依旧从一个需求说起。一个二维码，一个二次确认弹窗。像这次的问题，开发者工具上压根就发现不了，幸好习惯性真机预览，不

聪明的你可能会想到canvas是否可以生成一个这样的图片呢？没错，今天就给大家推荐一个简单又好用的工具html2canvas。准备文件进入该官方网站点击此处，在官网首页开始下载资源文件，html2canvas.js或者html2canvas.min.js皆

简介是一个新的HTML元素，这个元素可以被Script语言用来绘制图形。例如可以用它来画图、合成图象、或做简单的动画。所支持的来源图片格式依赖于浏览器的支持，然而，一些典型的图片格式基本上都没有问题。图像的位置是相对于其左上角来判断的。cxt.drawIm

var ctx = c.getContext("2d");var image = new Image();ctx.drawImage(image, 0, 0);image.src = "images/palette.jpg&q

Canvascanvas 是 HTML5 当中我最喜欢的所有新特性中我最喜欢的一个标签了。因为它太强大了，各种有意思的特效都可以实现。- 默认大小是 300 x 150，不能在 css 里给他设置样式，只能在标签内写它的属性。如 width = 400，h

背景最近在做的微信 html5 项目有个需求：页面包含 一张大的背景图片 + 一个用户的链接二维码图片 拼成一张图片，让用户长按保存的时候，可以把整个页面都保存起来，而不是只保存二维码。因此决定在前端完成。考虑到移动端对 html5 新特性支持得比较好以及

安卓没问题啊，有些苹果手机相册里面的图片也没问题啊，js能有这种功能判断吗？上网查资料，果不其然，有！那就是exfe.js，继续研究，此时组长姐姐已经买好晚餐，老板也来慰问，最后弄到晚上9点多，算是解决了。

同时也开源了生活博客，从12年起，积累共计47篇[近20万字]，转载请注明出处，谢谢！如果该项设置为true，则图像在动画进行中会滤掉对Bitmap图像的优化操作，加快显示速度，本设置项依赖于dither和xfermode的设置

前言（最近设计模式看的有点头大，一直面对纯js实在是有些枯燥-_-。所以写一点有趣的东西调剂一下）现在canvas已经不算新鲜了，不过由于日常业务中并不常用，所以实践并不多，今天分享一下，如何实现简单canvas迷宫。这个例子来源于《html5秘籍》第二版

||chartjs|echart|techanjs|highchart|clchart||---|---|---|---|---|---||Drawingelement|canvas|canvas&svg|svg|svg|canvas||Easyt

前言一路沿着本系列教程学习的朋友可能会发现，前面教程中都尽量避免提及质量的概念，很多运动概念也时刻提醒大家这不是真实的物体运动。从本篇开始，将会正式引入物理力学概念，给每个物体赋予质量概念，为了更加真实的模拟现实环境的物体运动。本人能力有限，欢迎牛人共同讨

前言上篇主要是理论的概述，本篇会多些实践，来讲讲canvas的基础用法，并包含一些基础三角函数的应用，推荐没有canvas基础的朋友阅读，熟悉的朋友可以跳过。本人能力有限，欢迎牛人共同讨论，批评指正。const context = canvas.getCo

前些天学习了HTML5的<canvas>元素，今天就来实践一下，用canvas做一个画板。准备工作首先，准备个容器,也就是画板了。let ctx = canvas.getContext;我想把画板做成全屏的，所以接下来设置一下canvas的宽高

canvas是html5提供的一个新的功能！至于作用，就是一个画布。canvas的用途非常的广，特别是html5游戏以及数据可视化这两个方面。现在canvas给我的感觉就和css3一样，可以不用太厉害，但是必须要会基础的用法。但是以后对canvas的需求，

昨天看到一篇文章说是学习如何开飞机的，然后我就想，如果我也可以开飞机那就好玩了，每个人小时候都想做飞行员！中国飞行员太难当了，再说也不轻易让你开飞机！首先，最重要的是我们的飞机模型，前面有文章写到过，HT 内部封装了一个方法 ht.Default.load