html5图片转canvas后调整色温、饱和度.
不光绘制图片，在高分屏下，绘制文字和线条都会出现模糊的现象，GitHub上有一个hidpi-canvas-polyfill可以很好的解决这个问题，但是没有对图片进行处理。如果你了解了原因，解决这个问题也很容易。
HTML5 Canvas渐变是一种用于填充或描边图形的颜色模式。渐变色是由不同的颜色进行过渡，而不是单一的颜色。
调整色阶 色温调整可以帮助我们改变图片的色彩温度。可以通过图像菜单中的“调整”选项来进行色温调整。可以拖动色温滑块，或者使用预设的白平衡选项来快速调整色温。色阶调整可以帮助我们改变图片的明暗程度和对比度。
使用html2canvas将html转为canvas图片
如果页面中包含了跨域的图片(不是在当前域名下的图片资源)html2canvas是无法处理跨域图片，导致生成出来的头像为空。在框架中设置参数，允许处理跨域图片。
如果能把dom内容快速转换成canvas，由canvas再转成图片，就可以快速实现上述功能。 万幸的是，我们有一个强大的工具——html2canvas。html2canvas是一套由个人开发的开源工具，用于把html标签绘制的dom内容转为canvas。
使用的版本是最新版本：^0.0-alpha.12 html2canvas 可以将一个元素渲染为canvas。需要注意的是，Vue使用v-if和v-show的时候html2canvas无法将元素渲染为canvas。
报错可能是因为图片有跨域问题，或者出现不能处理的节点。这个插件可以把一般的html转换为canvas，并且导出图片。canvas当中图片不能跨域，否则会出错。而且如果节点过多或者过于复杂，也会出现转化不成功的情况。
vue中html2canvas的使用
1、第一步：html转为canvas 基于html2canvas.js可将一个元素渲染为canvas，只需要简单的调用html2canvas(element[， options])；即可。
2、注释：Canvas API 非常紧凑的一个原因上它没有对绘制文本提供任何支持。要把文本加入到一个 canvas 图形，必须要么自己绘制它再用位图图像合并它，或者在 canvas 上方使用 CSS 定位来覆盖 HTML 文本。
3、utils - htmlToPdf.js main.js 如果在多个页面使用，给函数定义一个参数，参数为要导出页面部分的id。
4、关于图片跨域的问题本人在使用过程中也遇到了，开始使用代理服务器解决了，但是感觉不太好，后来偶尔中，在html2canvas源码中改了几段小代码终于把问题给解决了。
5、最近接到项目经理的一个需求，要求将h5页面生成图片，用户点击在屏幕的时候能够将图片保存到本地，所以就很机智的用了html2canvas这个插件。
6、[插件官网 http：//html2canvas.hertzen.com/ 隐藏之后发现在绘制的过程中出现了半截的情况，在官网QA中看到了相关的资料：再次看配置项中，看到了 然后将其设置为0，再次渲染就是正常的了。
如何使用html2canvas?
给你个傻瓜网址，把连接放上，生成就可以了。
首先打开电脑，点击进入html2canvas。其次打开上方菜单栏，点击字号设置。最后在字号设置中，点击截图字号即可设置。
第一步：html转为canvas 基于html2canvas.js可将一个元素渲染为canvas，只需要简单的调用html2canvas(element[， options])；即可。
HTML5用canvas怎么实现动画效果
1、。常用面板中插入一个ActiveX插件，并调整大小 2。
2、使用HTML5CanvasHTML5Canvas是一种可用于向网页上绘制2D和3D图形的技术，可以用于绘制游戏场景及角色动画，创建精美的游戏画面，为游戏增添视觉上的效果。
3、)方法，来按指定的时间间隔更新动画，从而实现动画效果。 使用SVG：可以通过SVG中的animation标签，来实现网页中的动画效果。 使用HTML5 Canvas：Canvas可以通过JavaScript指令，实现绘图和动画效果。
4、方法/步骤 素材准备，基本框架的建立。这里我们让一个有字的图片从左到右运动起来。素材：图片一张。框架的建立（如下图）将图片素材引入网页。定义canvas标签，获取canvas的上下文。
5、进度条的实现：canvas的图片预加载 demo测试：通过一个demo测试框架 这一节我们先来说说通用类的提取。