- 博客(6)
- 收藏
- 关注
原创 canvas中查找在不规则矩形范围内的数据
采用引射线法:从目标点出发引一条射线,看这条射线和多边形所有边的交点数目。如果有奇数个交点,则说明在内部,如果有偶数个交点,则说明在外部。在canvas中绘制了很多站点,如何绘制不规则矩形。需要找出在不规则矩形内的站点数据。首页在绘制多边形的时候需要记录多边形的每个顶点坐标。(按绘制顺序记录坐标)参数:pointList是数组,是多边形各个顶点坐标(x,y)。x是判断点的x坐标,y是判断点的y坐标。然后把站点坐标传入进行判断。结果:返回true的是在内。有类似需求的可以参考此方法实现。
2024-05-23 17:11:30
203
原创 vue3中使用protobuf插件,进行数据序列化和反序列化操作
中途对protobuf的库引用遇到了问题,最后采用vue3+webpack来搭建项目,通过测试,才可以走通。下面是实现数据序列化和反序列化的步骤
2024-02-03 22:20:18
1845
3
原创 canvas画布缩放和拖拽后无法清空所有区域
当调用清空画布方法的时候,先对画布缩放和平移的画布区域进行恢复到初始化状态。先进行setTransform(1,0,0,1,0,0),再进行clearRect()进行操作。canvas使用setTransform方法来实现画布的缩放,画布的拖拽。对canvas进行缩放或者拖拽之后会导致无法完全清除canvas区域内的元素,如图所示。
2023-03-21 14:41:34
857
原创 解决使用offsetWidth让DIV自动变宽时出现的小BUG。
1.首先创建一个DIV盒子。给它加一个定时器,让它的宽度每隔30毫秒自动减1,观看效果。2.上面的效果没有问题。然后你通过给DIV添加样式,给它加1px的边框。观看效果。3.这是你会发现,你明明让DIV宽度减1,现在它的宽度会反而变长。4.这是为什么呢?很明显这是加1px边框引起的问题。解释:因为offsetWidth是包含边框,外边距,内边距,而DIV的宽度是100px。
2017-09-08 20:24:33
1431
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人