-
屏幕自适应查看全部
-
大图片的在canvas里面的部分绘制 context.drawImage(部分图片位置起点x，部分图片位置起点y，canvas.width,canvas.height,目标位置的起点x:0,目标位置y:0，canvas.width,canvas.height).实现大图片居中部分呈现在canvas画布里面。查看全部
-
圆扩大边界算法 2*Math.max(canvas.width,canvas.height) Console 是用于显示 JS和 DOM 对象信息的单独窗口,调试时可以用console.log("text")输出数据,它相对于alert的优势在于不会中断程序,也不用你不断的去点击查看全部
-
随机剪辑查看全部
-
context.arc(clippingRegion.x,clippingRegion.y,clippingRegion.r,0,Math.PI*2,false); context.clip(); 将除了arc规定的这个区域其他的全部剪掉 canvas的绘制图像接口:context.drawImage(img,0,0); 将图像img绘制在画布0,0开始的地方查看全部
-
随机圆心的数学算法 x=Math.random()*700+50 y=Math.random()*600+50 50px为圆半径宽查看全部
-
css3像素处理 filter: grayscale(1); //灰度（ 0 ~ 1 ）default：100% sepia(1); //褐色 黄棕色（ 0 ~ 1 ）default：100% saturate(3); //饱和度 default：100% hue-rotate(90deg); //色相旋转 90deg 角度 default：0deg invert(1); //反色（ 0 ~ 1 ）default:100% opacity(0.2); //透明度（ 0 ~ 1 ）default:100% brightness(0.5); //亮度（ 0 ~ 1 ）default:100% contrast(2); //对比度 default:100% blur(10px); //模糊 default:0 drop-shadow(10px 10px 2px #aaa); //阴影 类似box-shadow(); filter：十种特效 grayscale灰度 0 ~ 1 sepia褐色 黄棕色 saturate饱和度 hue-rotate色相旋转 90deg 角度 invert反色 opacity透明度 brightness亮度 contrast对比度 blur模糊 drop-shadow阴影查看全部
-
给图片加上模糊效果: filter: blur(20px); -webkit-filter: blur(20px); -moz-filter: blur(20px); -ms-filter: blur(20px); -o-filter: blur(20px); #blur-image{ display:block; width:800px; height:600px; margin:0 auto; filter: blur(20px); -webkit-filter: blur(20px); -moz-filter: blur(20px); -ms-filter: blur(20px); -o-filter: blur(20px); }查看全部
-
Html5查看全部
-
尽量不要用上硬数据查看全部
-
一开始使用window.onload()等页面加载完成后进行js代码，但是出现了show（） 的错误，显示的是没有被定义，后来改成了在html的script中加上defer后，去掉window.onload可以使用show和reset了！查看全部
-
yangshi查看全部
-
css3像素处理 filter: grayscale(1); //灰度（ 0 ~ 1 ）default：100% sepia(1); //褐色 黄棕色（ 0 ~ 1 ）default：100% saturate(3); //饱和度 default：100% hue-rotate(90deg); //色相旋转 90deg 角度 default：0deg invert(1); //反色（ 0 ~ 1 ）default:100% opacity(0.2); //透明度（ 0 ~ 1 ）default:100% brightness(0.5); //亮度（ 0 ~ 1 ）default:100% contrast(2); //对比度 default:100% blur(10px); //模糊 default:0 drop-shadow(10px 10px 2px #aaa); //阴影 类似box-shadow();查看全部
-
fliter:blur(5)查看全部
-
用谷歌浏览器，获取canvas对象时需要先加载对象，所以要把该段代码放到body中查看全部
举报
0/150
提交
取消