解决用H5 Canvas绘制的图片或文字在高清屏下模糊的问题
摘要:背景:项目地图页面上有海量点,每个点都有不同的指标数值,而且很多点根据分类还用不同的图片作为背景。因此考虑用H5 Canvas加载图标png并把数值画上去,然后把canvas导出图片url并应用到点标记上。 1、常规绘制: 代码: var image = new Image(); image.src
阅读全文
posted @
2020-07-26 10:19
DavidXu2014
阅读(2636)
推荐(1)
改造leaflet图片插件Leaflet.ImageOverlay.Rotated,通过图片矩形对角线上的2个顶点控制图片的移动、旋转和缩放,并且保持图片长宽比不变,图片不变形。
摘要:简介:公司需要做个地图图片编辑功能,将平面图上传到Mapbox地图上,可拖拽、旋转、缩放图片至合适的地理位置上。当时发现MapboxGL不好弄,改成了leaflet地图,leaflet插件很多,找到https://github.com/IvanSanchez/Leaflet.ImageOverlay
阅读全文
posted @
2019-07-06 08:53
DavidXu2014
阅读(4377)
推荐(1)
canvas学习笔记:绘制各种图形
摘要:1.绘制圆角矩形 方法一: hint:使用arc方法,(arcTo绘制的矩形在IE9上显示异常)。 方法二: 使用quadraticCurveTo方法,代码是从zrender源码中提取的 效果图:
阅读全文
posted @
2017-06-01 09:55
DavidXu2014
阅读(354)
推荐(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)
js渲染数字自增长效果
摘要:数字自增长效果一般用于页面上显示的敏感指标值。具体简单实现如下:
阅读全文
posted @
2017-04-16 12:10
DavidXu2014
阅读(719)
推荐(0)
javascript日期与周转换笔记
摘要:1.查询某个日期是今年第几周: 输出:第15周 2.周转具体日期: 输出:2017-4-10
阅读全文
posted @
2017-04-16 11:45
DavidXu2014
阅读(505)
推荐(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