antvis / my-f2

F2 的支付宝小程序版本
MIT License
146 stars 23 forks source link

Feat shadow #19

Closed simaQ closed 5 years ago

simaQ commented 5 years ago
Checklist
Description of change
simaQ commented 5 years ago

支持设置阴影 shadow 属性,由于支付宝小程序画布组件的阴影接口同 H5 Canvas 上下文的接口不一致,支付宝小程序的阴影属性设置接口如下:

setShadow(shadowOffsetX, shadowOffsetY, shadowBlur, shadowColor);

将四个阴影属性统一通过 setShadow() 方法进行设置,所以在使用 my-f2 设置阴影时,需要按照如下的格式进行设置:

// 为折线图设置阴影
chart.line()
  .position('x*y')
  .style({
    shadow: [ 0, 0, 10,  'red' ]  // 设置阴影属性
  })

即使用 shadow 属性来设置阴影,且该属性的值必须是数组格式,顺序如下:

shadow: [ shadowOffsetX, shadowOffsetY, shadowBlur, shadowColor ]