canvas绘制虚线,

　　因为帆布的美国石油学会(美国石油协会)没有虚线的

　　所以需要自己实现

　　顺便复习一下三角函数岂不美滋滋

　　var context=文档。getelementbyid(“canvas”).获取上下文(“2d”)；函数drawDashedLine(context，x1，y1，x2，y2，破折号长度){破折号长度=破折号长度===未定义？5:破折号长度；varx=x2-x1；//一条直角边的长变量y=y2-y1；//另一条指教边的长var num dashs=math。地板(数学。sqrt(deltaX * deltaX deltay * deltay)/虚线长度//数学。平方根计算返回一个数的平方根仪表板长度虚线每个点的长度)var everydashLength _ x=deltaX/numdashs//确定X轴每条虚线点的起始点var everydashLength _ y=deltay/numdashs//确定Y轴每条虚线点的起始点for(var I=0；inumDashesi ){ context[i%2===0？move to : line to ](x1 everydashLength _ x * I，y1 everydashLength _ y * I)}上下文。stroke()}上下文。线宽=3上下文。stroke style= blue drawdashedline(context，20，20，context.canvas.width-20，20，20)效果如图

　　以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。