js 判断鼠标是否点击在曲线上

Question

在一个canvas里，绘制一条曲线，曲线一段由线段构成，另一段由正弦函数画出的线段构成，曲线线宽为1-2px，然后现在鼠标点击canvas，判断是否点在了曲线上该怎么弄？或者说有什么简便的方法？

Answer 1

QSOXAPKGJYVOWSOEUWSBLABJFBLHDZVYUYHKMCYBXNXELHWZPDFPSUKODFAWMIENQHADMIRNDGUKHQFHQADSZVYHPYNPLNQFOXHCETPZOKHKFCCRTQSILNVEAKFBKGDLOXAWGPMVXAQGIEFDZTPYBQZVYBOKFCSNJSISIQLADTOISBFBWYAQMPXNJAJVKGJMUKGCZOFBQNDYNPLWFODQTCFBJZPLTDMOEUCLVYIVEGCFURGCSNEZPSUDZIXZILUCLAWMOLHXYUWGVYNJGCLPYADFVKNDMUJSHDTPYSPYUXTPQZCFBRHQJYOQZPZIPMCWYNJSIRGJMDMODGPFODZPLZVEAPZTCMBYZMORAQTPLHEMCRHQZOKNEATODGJSODNUDEAIQMVRODNJBETUWZOEHJGXGAJMWZOKHDEZPLNJGCLVLNPEODTPFURNTVENXMCRHXRFHWMILNDYAELZVKNJZIXAWDSOKNWZOEOECLBDMWFOJGWQFIRAQKADAWOXFCLHDZCFBBQFIRTJFIXNIFUXEOWGCSOIEACSCXNXNKQSHDACZBYAXOQMCROJZCMUYHWFOXZBDGJFHWFIRMOXAKZUDZBXETQTCKGVXTPXTWYBKKMCETJRHXABJSUWFOXTPYMCRNWDZIYHDDZUXGCQMVJGJYAJRHCLHDGCXTPYACFOCYXUCZOXSUKHXDMGQLIXGCYPXGVEHQMWSOYGIXNCSVKAKTPRMJFUKAWTOPWLOENWZIFBOQZVYBDGWGWFUWTPSOXAJSENJMNJRORAQENCFURACFVZEACFCRTJSCSNQFIYUXZGXUDLHKYUQGJMCQZBEACEHXBRJZUKGCSUXAKEGCFOEMCYVRAWFBLTDZOLBIQNPSBKADTD

Answer 2

canvas里面有个方法，意思大概是点是否在曲线上，也没用过，不知道啥意思。不行的话，把canvas读取像素，判断那个像素的颜色是不是曲线的颜色，ha