前端
关注
分享
扫一扫
猴子的时光机
这个作者很懒，什么都没留下…
展开
-
高德地图，百度地图，arcgis地图利用canvas动画绘制圆形扩散、运动轨迹等动态效果
本文转发自热爱前端知识的博客 原博客地址介绍在ECharts中看到过这种圆形扩散效果，类似css3，刚好项目中想把它用上，but我又不想引入整个echart.js文件，更重要的是想弄明白它的原理，所以自己动手。在这篇文章中我们就来分析实现这种效果的两种方法，先上效果图：实现原理通过不断的改变圆的半径大小，不断重叠达到运动的效果，在运动的过程中，设置当前canvas的透明度context.globalAlpha=0.95，使得canvas上的圆逐渐透明直至为0，从而实现这种扩散、渐变的效果..转载 2020-12-01 13:48:44 · 2536 阅读 · 0 评论 -
canvas绘制字体动画特效
<!doctype HTML> <html> <meta charset="utf8"/> <title>canvas test</title> <meta name="description" content=""> <meta name="HandheldFriendly" content="True"> <meta name="MobileOpti.原创 2020-11-30 15:54:19 · 1175 阅读 · 0 评论 -
HTML页面用canvas绘制红色圆点
/** * canvas绘制红色圆点 * @param x,y 绘制需要的屏幕坐标 * @param fx 旋转角度，默认传输 0 即可 * @param ctx 绘制面板上下文 */function (x,y,fx,ctx) { if(!this.newimagedataJbz){ var newimagedata =ctx.createImageData(8,8); var imageArr = [0,0,0,0,186,55,41,37,190.原创 2020-10-27 15:01:09 · 1901 阅读 · 0 评论 -
根据气象预警等级颜色获取图片名称，返回对应图片url的方法
/** * 返回风险预警闪烁的图标地址 * @param type:预警类型，例如暴雨、大雾等 * @param level：预警级别，1;蓝色、2:黄色、3:橙色、4：红色 * @author */GIS.Warning.warningIconUrlJudge11 = function (type,level) { var warningIconUrl = ""; if (type=='台风') {//01 switch (level) { .原创 2020-10-22 17:09:33 · 271 阅读 · 0 评论 -
根据气象预警等级颜色获取图片名称，返回对应图片url的方法
/** * 根据预警等级颜色获取图片名称 * @param type * @param level */function getImgName(type, level) { var levelMap = {"蓝色": "01s.png", "黄色": "02s.png", "橙色": "03s.png", "红色": "04s.png"}; var imgName = ''; switch (type) { case '台风': imgName = '01' + levelMap.原创 2020-10-22 16:47:42 · 203 阅读 · 0 评论 -
layui框架form表单 - 页面元素的按钮开关控制
下面是layui，form表单 - 页面元素开关按钮控制函数，可做参考：functionchangeOneSwitch(){if($("input").prop('checked')){//如果当前是选中，执行此代码$("input").prop('checked',false)}else{//如果当前是未选中，执行此代码$("input").prop('checked',true)}form.render();}这个input是你要改变的switch的元素，你可以给这..原创 2020-07-06 11:33:32 · 1732 阅读 · 0 评论