随笔分类 -  Javascript

解决用H5 Canvas绘制的图片或文字在高清屏下模糊的问题
摘要:背景:项目地图页面上有海量点,每个点都有不同的指标数值,而且很多点根据分类还用不同的图片作为背景。因此考虑用H5 Canvas加载图标png并把数值画上去,然后把canvas导出图片url并应用到点标记上。 1、常规绘制: 代码: var image = new Image(); image.src 阅读全文
posted @ 2020-07-26 10:19 DavidXu2014 阅读(2636) 评论(0) 推荐(1)
改造leaflet图片插件Leaflet.ImageOverlay.Rotated,通过图片矩形对角线上的2个顶点控制图片的移动、旋转和缩放,并且保持图片长宽比不变,图片不变形。
摘要:简介:公司需要做个地图图片编辑功能,将平面图上传到Mapbox地图上,可拖拽、旋转、缩放图片至合适的地理位置上。当时发现MapboxGL不好弄,改成了leaflet地图,leaflet插件很多,找到https://github.com/IvanSanchez/Leaflet.ImageOverlay 阅读全文
posted @ 2019-07-06 08:53 DavidXu2014 阅读(4377) 评论(2) 推荐(1)
canvas学习笔记:绘制各种图形
摘要:1.绘制圆角矩形 方法一: hint:使用arc方法,(arcTo绘制的矩形在IE9上显示异常)。 方法二: 使用quadraticCurveTo方法,代码是从zrender源码中提取的 效果图: 阅读全文
posted @ 2017-06-01 09:55 DavidXu2014 阅读(354) 评论(0) 推荐(0)
获取字符串长度【把双字节的替换成两个单字节的然后再获得长度
摘要:/** * 获取字符串长度【把双字节的替换成两个单字节的然后再获得长度】 * @param str * @returns */ function getBlen(str) { if (str == null) return 0; if (typeof str != "string"){ str += ""; } return str.replace(/[^\x0... 阅读全文
posted @ 2017-05-27 16:29 DavidXu2014 阅读(209) 评论(0) 推荐(0)
js渲染数字自增长效果
摘要:数字自增长效果一般用于页面上显示的敏感指标值。具体简单实现如下: 阅读全文
posted @ 2017-04-16 12:10 DavidXu2014 阅读(719) 评论(0) 推荐(0)
javascript日期与周转换笔记
摘要:1.查询某个日期是今年第几周: 输出:第15周 2.周转具体日期: 输出:2017-4-10 阅读全文
posted @ 2017-04-16 11:45 DavidXu2014 阅读(505) 评论(0) 推荐(0)
在jquery easyui的dialog下包含的iframe中关闭dialog报错解决方法。
摘要:界面: vehicle-list.jsp相关代码: vehicle-input.jsp相关代码: vehicle-input.js相关代码: 之前,我在vehicle-input.js中用 $('#inputView',window.parent.document).dialog('close'); 阅读全文
posted @ 2015-02-09 13:35 DavidXu2014