HTML5 CANVAS路径问题
PHP中文网
PHP中文网 2017-04-17 11:55:03
[HTML讨论组]

各位好.
众所周知,canvas有一部分绘制是基于路径的,而绘制路径的方法有arcrect.
然后canvas还有一个看上去十分像绘制路径的方法,就是MoveTo/lineTo.
我现在想要判断某个点是否在canvas的某条直线上,而通过运用

ctx.beginPath();
ctx.moveTo(20,20);
ctx.lineTo(100,100);
ctx.closePath();
console.log(ctx.isPointInPath(30,30));

返回的永远是false....
现在我认为lineTo所绘制的并不是canvas路径
那么有什么方法可以判断某个点在canvas的某条直线上呢(在我拥有两个点的情况下)?

吐槽:isPointInPath居然还能判断点是否在封闭路径的内部,好的令我不敢相信啊

PHP中文网
PHP中文网

认证高级PHP讲师

全部回复(1)
大家讲道理

isPointInPath 是判断指定的点是否在path构成的容器中,是一个封闭的图像path

ctx.beginPath();
ctx.moveTo(20,20);
ctx.lineTo(100,100);
ctx.closePath();

构成了一条直线,不是封闭图像

要想判断点是否在一条直线上,
使用isPointInStroke

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号