课程表

微信小程序框架

微信小程序组件

微信小程序API

微信小程序开放接口

微信小程序工具

微信小程序设计规范

工具箱
速查手册

小程序API 设置线条交点样式

当前位置:免费教程 » 移动开发 » 微信小程序

微信小程序 canvas接口和方法绘图接口和方法


setLineJoin


定义

设置线条的交点样式。

参数

参数类型范围说明
lineJoinString'bevel'、'round'、'miter'线条的结束交点样式

例子

  1. const ctx = wx.createCanvasContext('myCanvas')
  2. ctx.beginPath()
  3. ctx.moveTo(10, 10)
  4. ctx.lineTo(100, 50)
  5. ctx.lineTo(10, 90)
  6. ctx.stroke()
  7. ctx.beginPath()
  8. ctx.setLineJoin('bevel')
  9. ctx.setLineWidth(10)
  10. ctx.moveTo(50, 10)
  11. ctx.lineTo(140, 50)
  12. ctx.lineTo(50, 90)
  13. ctx.stroke()
  14. ctx.beginPath()
  15. ctx.setLineJoin('round')
  16. ctx.setLineWidth(10)
  17. ctx.moveTo(90, 10)
  18. ctx.lineTo(180, 50)
  19. ctx.lineTo(90, 90)
  20. ctx.stroke()
  21. ctx.beginPath()
  22. ctx.setLineJoin('miter')
  23. ctx.setLineWidth(10)
  24. ctx.moveTo(130, 10)
  25. ctx.lineTo(220, 50)
  26. ctx.lineTo(130, 90)
  27. ctx.stroke()
  28. ctx.draw()


微信小程序 canvas接口和方法绘图接口和方法

转载本站内容时,请务必注明来自W3xue,违者必究。
 友情链接:直通硅谷  点职佳  北美留学生论坛

本站QQ群:前端 618073944 | Java 606181507 | Python 626812652 | C/C++ 612253063 | 微信 634508462 | 苹果 692586424 | C#/.net 182808419 | PHP 305140648 | 运维 608723728

W3xue 的所有内容仅供测试,对任何法律问题及风险不承担任何责任。通过使用本站内容随之而来的风险与本站无关。
关于我们  |  意见建议  |  捐助我们  |  报错有奖  |  广告合作、友情链接(目前9元/月)请联系QQ:27243702 沸活量
皖ICP备17017327号-2 皖公网安备34020702000426号