![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
图像模块化
Silvia250
享受生活,享受时光
展开
-
图形模块化3
网格选择,顾名思义,就是把多边形变成网格后选择(此方法只适用于多边形,若是曲线,我们就得将其分段)。 这样,网格选择就分成了两步: 将多边形分解为多个三角形。 判断鼠标点是否在三角形中。 来吧,我们先从最基础的判断鼠标点是否在三角形中开始说。 一、网格选择与三角函数 我们可以用鼠标点和三角形其它顶点的夹角之和来判断。 点D 在▲ABC 中: ∠ADB+∠BDC+∠CDA=360° 点D 不在▲ABC 中: ∠ADB+∠BDC+∠CDA<360° 接下来我们先说一下一下如何基于三个点计算夹角,如原创 2020-06-23 09:38:52 · 10724 阅读 · 0 评论 -
图形模块化2
说图形模块化之前,先回顾下我们之前画的图形.(可回看“图像模块1”) 那是一个多边形,虽然没有闭合,但这不重要。 这是一个多边形,虽然没有闭合,但这不重要。 接下来,咱们就将这个图形封装为一个类对象 Poly Poly 对象是对路径的封装,我们可以从两方面来考虑: 图形:路径可以绘制的所有图形,可以是一个图形,也可以是多个图形,只要都在一个路径集合里就行; 样式:路径该有的所有样式了。 接下来我们看一下Poly 对象的默认属性: 一、绘图方法和相关属性 详细解释一下这些属性: crtPath 是建立路原创 2020-06-22 09:43:53 · 10681 阅读 · 0 评论 -
图形模块化1
图形选择,是可视化交互中必然会遇到的,它在可视化方面的面试中出现概率是最高的。 我在这里会从两个方向来说,分别是svg和canvas。 至于普通DOM 的选择,我就不消多说了。 因为svg 的选择是最简单的,所以咱们先说svg。 一、图形选择-svg svg 的选择方式和普通DOM 的选择方式是一样的。 比如画一个三角形,然后为其正常添加鼠标划入划出事件: 在实际的工作中,我们可能会对复杂图形做出交互选择。 就比如图片里有一座酷似大象的山,我们把鼠标划到山上的时候,要做出一些相应的提示。 这个时候,我们原创 2020-06-22 09:27:25 · 10658 阅读 · 0 评论