Porque la API del lienzo no tiene líneas de puntos.
Entonces necesitas implementarlo tú mismo.
¿No sería bueno repasar las funciones trigonométricas por cierto?
var contexto=document.getElementById(canvas).getContext(2d);función drawDashedLine(context,x1,y1,x2,y2,dashlength){ dashlength=dashlength===indefinido?5:dashlength deltaX=x2-x1; //La longitud de un lado en ángulo recto var deltay=y2-y1 //La longitud del otro lado de la instrucción var; numDashes=Math.floor( Math.sqrt(deltaX*deltaX+deltay*deltay)/dashlength //Math.sqrt devuelve la raíz cuadrada de un número dashlength y la longitud de cada punto de la línea discontinua) var eachdashLength_x=deltaX/numDashes //Determina cada punto en el eje X El punto inicial de los puntos de la línea de puntos var eachdashLength_y=deltay/numDashes //Determina el punto inicial de cada punto de línea discontinua en el eje Y for(var i=0;i<numDashes;i++){ context[i%2===0?'moveTo':lineTo] (x1+everydashLength_x* i,y1 +everydashLength_y*i) } context.stroke()}context.lineWidth=3context.strokeStyle=bluedrawDashedLine(context,20,20,context.canvas.width-20,20,20)El efecto es como se muestra en la figura.
Lo anterior es el contenido completo de este artículo. Espero que sea útil para el estudio de todos. También espero que todos apoyen VeVb Wulin Network.