canvas.js 709 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344
  1. // customized/pages/canvas/canvas.js
  2. Page({
  3. /**
  4. * 页面的初始数据
  5. */
  6. data: {
  7. },
  8. /**
  9. * 生命周期函数--监听页面加载
  10. */
  11. onLoad: function (options) {
  12. },
  13. /**
  14. * 生命周期函数--监听页面初次渲染完成
  15. */
  16. onReady: function () {
  17. },
  18. /**
  19. * 生命周期函数--监听页面显示
  20. */
  21. onShow: function () {
  22. let ctx = wx.createCanvasContext('fontBox');
  23. ctx.textBaseline = 'top';
  24. // ctx.textAlign = "center";
  25. ctx.setFontSize(20);
  26. let rotate = 0
  27. // ctx.translate(50,50)
  28. ctx.rotate(rotate * Math.PI / 180);
  29. // ctx.translate(50, 0)
  30. ctx.fillText('王',0, 0);
  31. ctx.draw();
  32. ctx.restore()
  33. },
  34. })