Interacción de 10 elementos gráficos de lienzo detallado

introducir

isPointInPath() determina si la ruta contiene un punto de monitoreo (entrada como parámetro).

# isPointInPath() introducción

Descripción del método booleano ctx.isPointInPath(x, y) Determinar si el punto de monitoreo (x, y) está dentro de la ruta booleano ctx.isPointInPath(x, y, fillRule) Determinar la relación posicional entre el punto de monitoreo (x, y) y la ruta, a través de fillRule para determinar si está dentro o fuera de la ruta. Los parámetros opcionales de fillRule son distintos de cero (algoritmo de ajuste distinto de cero) e evenadd (algoritmo de ajuste de paridad)

# uso

Si context.rect(10,10,100,100), entonces todos los puntos en esta ruta pueden ser juzgados como verdaderos por isPointInPath(x,y), como (50,50);

var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");

ctx.rect(10, 10, 100, 100);
ctx.stroke();
con

Supongo que te gusta

Origin blog.csdn.net/qq_59747594/article/details/131350913
Recomendado
Clasificación