html2canvas插件的使用、ajax中contentType参数的配置、css中background-attachment属性的使用

html2canvas踩坑

1.官方文档

2.开发中遇到需要js截图的需求，其实将dom转换成图片，可以将dom在canvas中画出来（html2canvas实现了该功能），再将canvas转换成base64的图片。而在这中会遇到一个问题，浏览器的安全策略是如果canvas中存在不同源的资源，则无法转换成base64的图片，这个时候则需要用到image的crossorigin属性,同时图片服务器需要设置请求头Access-Control-Allow-Origin即可；

<image crossorigin='anonymous'/>

ajax参数

$.ajax({
url:'',
dataType:'',
contentType:'application/x-www-form-urlencoded'//默认值如果后端需要传json，则需要改为'application/json'
)

移动端让背景图100%充满body

body {
 background:url("../images/home_img.png") no-repeat center;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  background-attachment: fixed;
}

赏

谢谢老板

支付宝

微信