小程序第四章作业

操作题

1.使用canvas组件实现“五个圆圈”的绘制。

代码：

.js代码：

Page({
  onReady:function (e){  
const ctx = wx.createCanvasContext('quanquan')
// 绘制蓝色圆环
ctx.beginPath()
ctx.arc(80, 52, 50, 0, 2 * Math.PI)
ctx.setStrokeStyle('#0072BB')
ctx.setLineWidth(3)
ctx.stroke()
// 绘制绿色圆环
ctx.beginPath()
ctx.arc(150, 52, 50, 0, 2 * Math.PI)
ctx.setStrokeStyle( '#009A3D')
ctx.stroke()
// 绘制黑色圆环
ctx.beginPath()
ctx.arc(220, 52, 50, 0, 2 * Math.PI)
ctx.setStrokeStyle('#000000')
ctx.stroke()
// 绘制红色圆环
ctx.beginPath()
ctx.arc(120, 98, 50, 0, 2 * Math.PI)
ctx.setStrokeStyle('#FF6319')
ctx.stroke()
// 绘制黄色圆环
ctx.beginPath()
ctx.arc(195, 98, 50, 0, 2 * Math.PI)
ctx.setStrokeStyle('#8A1C42')
ctx.stroke()
ctx.draw()
  }
})

.wxml代码：

 运行结果：

2.使用相应组件，完成“书单”页面。

代码

.wxml代码：

← 书单
 
  培养商业意识，走出生活，职场和事业的困境.
  创新者是如何思考问题的？本书单包括了互联网，思维方式，商业，文案，市场，营销等方方面面，是在思维方式上的创新，略去传统商学院的教条.


  
   
    
      三国演义
      罗贯中
      《三国演义》是罗贯中在有关三国故事的宋元话本、戏曲和轶事传闻的基础上
    
  
  

   
    
    
      西游记