js 小方法
2018-05-31 本文已影响0人
想成为大牛的小白
1.替换字符串中所有的汉字
function GetChinese(strValue) {
if(strValue!= null && strValue!= ""){
var reg = /[\u4e00-\u9fa5]/g;
strValue= strValue.replace(reg,'-');
return strValue.substring(0,strValue.length-1);
}
else
return "";
}
GetChinese("2018年12月1日");
"2018-12-1"
2.场景是前端在聊天界面中表情和图片同时传给后台时就会编译，前端展示的时候就需要把这个标签转换成有效的img标签。
function HTMLDecode ( input )
{
var converter = document.createElement("div");
converter.innerHTML = input;
var output = converter.innerText;
converter = null;
return output;
}
3.微信地图接口在ios微信升级以后出现了不能调用，之前是好的。
- 是因为我的经纬度是在后台的数据库中获取到的，所以是字符串的，可能ios的不会自动转换成number类型的，所以调用不起来。
4.两张图片合成一张图片
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<canvas id="myCanvas" width="270" height="270"></canvas>
<!--<a href="" id="download" download="测试图片.png">点我下载</a>-->
</body>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript" src="https://cdn.bootcss.com/html2canvas/0.4.1/html2canvas.js"></script>
<script>
var canvas = document.getElementById('myCanvas');
var context = canvas.getContext('2d');
var img1 = new Image();
var img2 = new Image();
//处理跨域
img1.crossOrigin = 'anonymous';
img2.crossOrigin = 'anonymous';
img1.src='http://image.lanstech.cn/a5b12361-a532-48d9-a4bc-c0a539330f6e.jpg?imageView2/0/format/jpg/q/75|imageslim';
img1.onload = function(){
context.drawImage(img1,10,10,270,270)
};
setTimeout(function () {
img2.src='http://o928reoe7.bkt.clouddn.com/1378776a-250d-4bf2-82c3-68137411161a.png';
img2.onload = function(){
context.drawImage(img2,165,165,90,90)
};
},100);
setTimeout(function () {
// var image = new Image();
// image.src = canvas.toDataURL("image/png");
// console.log(canvas.toDataURL("image/png"));
html2canvas(document.getElementById('myCanvas'), {
useCORS: true,
allowTaint: true,
taintTest: false,
onrendered: function(canvas) {
var base64=canvas.toDataURL('image/png',0.5);
console.log(base64);
}
});
},1000)
// $timeout(function () {
// html2canvas($("#center"), {
// useCORS: true,
// onrendered: function(canvas) {
// var base64=canvas.toDataURL('image/jpeg',0.5);
// console.log(base64);
// $http({
// url:doindex+'share/upload',
// method:'POST',
// data:{'pic':base64},
// headers:{'Content-Type':'application/x-www-form-urlencoded','clientUrl':window.location.pathname}
// }).then(function (res) {
// var req=res.data;
// if(req.success){
// console.log(req);
// console.log('上传成功');
// }
// },function (err) {
// console.log(err);
// })
// },
// });
// },1000);
</script>
</html>
