为了让大家更好的理解边界问题的价值, 我这里来举一个形象的例子:
image.png
比如说我们在玩射击游戏, 只有射中靶子才能得分, 如上图, 这里有涉及到靶的边界问题, 这里转换为矩形边界问题就是..., 这里我使用vue3 的 hooks 来实现, 具体代码如下:
const cardOffset = ref({ x: 0, y: 0 });
onMounted(() => {
// 获取画布左上角距离页面左上角的距离...通过以上方式, 我们可以轻松判断在画布中的任意点, 是否在矩形内部, 从而实现有意思的射击游戏。
当然我们探索的本质问题其实是: 判断一个点是否在指定形状的内部。...通过以上的实现, 我们就可以轻松计算任意矩形和圆形的边界问题了, 这也是我们工作中比较常见的计算场景, 接下来我们再来看一下如何计算三角形的边界。
3....计算鼠标指针是否在三角形内部
image.png
要想解决这个问题, 我们需要先解决如何使用 HTMLDiv 画一个三角形。