Porque a API do canvas não possui linhas pontilhadas
Então você precisa implementá-lo sozinho
A propósito, não seria bom revisar as funções trigonométricas?
var context=document.getElementById(canvas).getContext(2d);function drawDashedLine(context,x1,y1,x2,y2,dashlength){ dashlength=dashlength===indefinido?5:dashlength=x2-x1; //O comprimento de um lado em ângulo reto var deltay=y2-y1 //O comprimento do outro lado da instrução var; numDashes=Math.floor( Math.sqrt(deltaX*deltaX+deltay*deltay)/dashlength //Math.sqrt retorna a raiz quadrada de um número de comprimento de traço e o comprimento de cada ponto da linha tracejada) var everydashLength_x=deltaX/numDashes //Determina cada ponto no eixo X O ponto inicial dos pontos da linha pontilhada var everydashLength_y=deltay/numDashes //Determina o ponto inicial de cada ponto da linha tracejada no eixo Y for(var i=0;i<numDashes;i++){ context[i%2===0?'moveTo':lineTo] (x1+everydashLength_x* i,y1 +cada traçoComprimento_y*i) } context.stroke()}context.lineWidth=3context.strokeStyle=bluedrawDashedLine(context,20,20,context.canvas.width-20,20,20)O efeito é como mostrado na figura
O texto acima é todo o conteúdo deste artigo. Espero que seja útil para o estudo de todos. Também espero que todos apoiem a Rede VeVb Wulin.