比如我想画一条渐变色的弧
let epointYes=new Shape('circle',{x:60,y:250,r:35,strokeStyle:"#d9f912",lineWidth:5,sA:0,eA:Math.PI*2*(that.data.reportData.totalScore/100),lineCap:"round",needGra:'line',gra:[[0,"#d9f912"],[0.2,'#bbf524'],[0.4,'#93ef42'],[0.6,"#7aeb51"],[1,'#4ae474']]},'stroke',false);
不启作用，是否有办法支持？

非常感谢作者开源这个框架。
我有一个问题，Canvas 上的事件你是怎么处理了？ 是把绘制出来的图形的宽高记录下来，自己判断的吧？那就有另外一个问题，假如我往 Canvas 上绘制图片，我怎么确定我点击到的是在图片上。 图片是不规则带，一部分是带透明的。

一开始我觉得是我写的代码有问题，打开demo之后仍然显示不对（并不是像吃豆人的形状，而是一刀切）
但我下载了旧版本的wxdraw.min文件，导入到项目里就是好的。

android和ios下都没有响应tap事件，ios下touchstart和touchend事件点很多次偶尔会有一次响应

如题

文档内的动画好像都是以中心为原点，能修改吗

大神，能否支持检测图形碰撞？
谢谢

在同一个wxDraw里先后播放两段动画，这两段动画之间有时间间隔，那么第二个动画就不会播放了~

请问动画方向，就旋转来说，只有逆时针方向吗

图形颜色怎么支持透明度，文档说只支持16进制颜色值，但是小程序官方文档是可以设置RGBA 颜色的

设置line的linedash在安卓上不生效

  let line = new Shape('line', {
      points: [[x / 2 - 130, 115 + (detail.titleCount - 1) * 30], [x / 2 + 130, 115 + (detail.titleCount - 1) * 30]],
      strokeStyle: "#757575", lineWidth: 1, rotate: 0, smooth: false, isLineDash: true, lineDash: [[5, 5], 5]
    })

安卓微信多个动画同时播放会卡死，ios只能播放第一次

can we do shape resize now?

wx.downloadFile下载图片文件后不能显示，也不报错

您好，请问 小程序canvas api 和 canvas 原生api 有多大差异呢？这是一个对小程序canvas的封装吗？是不是使用了可以对其他canvas库进行使用吖？如果不是的话，做这种转换的可能性和难度从您专业的角度来看请问有多大呢？（有一些业务需求）

准备什么时候支持图集呢？我看小程序里面的drawImage里面是有9个参数的，可以支持显示部分图片区域，可以用图集功能。

老哥，animate start之后能不能在start一次类似这样
img.animate({x: '+=100'}, { duration: 1000 })
// .animate({ w: 100 }, { duration: 1000 })
.start()

  setTimeout(function () {
    console.log(123);

    // img.updateOption({ x: 200})
    // img.stop();


      img.animate({x: '-=100'}, { duration: 1000 })
      // .animate({ w: 100 }, { duration: 1000 })
          .start()

  }, 2000);

在使用wxDraw过程中，我注意到所有的x, y坐标是基于图形中心点为0点，我在开发中涉及到touch事件处理、与其他网页元素交互等需求，与常见事件的以左上为0点不同，导致需要二次统一坐标，请问能否提供offsetTop, offsetLeft来反馈左上位置？

var WxDraw = require("../../utils/wxdraw.min.js").WxDraw;
这一段大小写写错啦。

let circle = new Shape('circle', { x: 100, y: 100, r: 50, sA: -Math.PI / 1.5, eA: Math.PI / 1.5,strokeStyle: "#000000"});
像这种情况, 我只想描边, 并不想把整个圆都填充, 但默认是有黑色, 无法去除

Shape的公共参数needShadow，无论设置true还是false，都存在shadow。

目前我的临时解决方式是设置shadow: { offsetX: 0, offsetY: 0, blur: 0, color: "#000000" }

另外文档中有一个错误：

var wxDraw = require("../../utils/wxdraw.min.js").wxDraw;

在项目中报错，
看了下代码，应改为首字母大写

var WxDraw = require("../../utils/wxdraw.min.js").WxDraw;

在精灵图功能出来之前，还是想要一个帧动画的效果。我想就用单图实现。创建好的Shape如何修改图片的引用呢？

暂停动画的功能不是已经打钩了吗？怎么用，没看到文档

Cannot read property 'getChoosed' of undefined;at pages/img/index page bindtouchstart function
TypeError: Cannot read property 'getChoosed' of undefined
at WxDraw.getDetectedLayers (http://127.0.0.1:61190/appservice/util/wxdraw.js:4398:71)
at http://127.0.0.1:61190/appservice/util/wxdraw.js:3617:35
at Array.forEach ()
at http://127.0.0.1:61190/appservice/util/wxdraw.js:3613:32
at Array.forEach ()
at eventBus.dispatch (http://127.0.0.1:61190/appservice/util/wxdraw.js:3610:24)
at Shape.detect (http://127.0.0.1:61190/appservice/util/wxdraw.js:3830:22)
at WxDraw. (http://127.0.0.1:61190/appservice/util/wxdraw.js:4319:18)
at Array.forEach ()
at WxDraw.touchstartDetect (http://127.0.0.1:61190/appservice/util/wxdraw.js:4318:26)

Shape 支持哪些形状，不同形状都有哪些参数，参数是什么意思都没有写清楚

var text = new Shape('text', { x: i * that.data.minWidth, y: j * that.data.minWidth, text: txt, fontSize: initFontSize });
txt=0的时候没法填充

不支持裁剪clip吗？如何把图片放到圆里？类似于头像一样的效果！

微信开发工具版本：1.9.91
wxDraw.js 版本：latest
测试手机：iphone7
测试微信版本：6.6.5

问题描述：当我希望清除掉 canvas 上所有的图形时，我只能使用 destory() 方法清除掉第一个图形，第二个图形调用 destory() 无效。

问题录频：

代码：
`
let img1 = new Shape("image", { x: 40, y: 80, w: 100, h: 100, file: "../../images/[email protected]" }, "fill", true);
let img2 = new Shape("image", { x: 100, y: 300, w: 100, h: 100, file: "../../images/[email protected]" }, "fill", true);
this.wxCanvas.add(img1);//添加到canvas上面
this.wxCanvas.add(img2);

  this.imgArr = [];
  this.imgArr.push(img1);
  this.imgArr.push(img2);

  img1.destroy();
  img2.destroy();

`

怎么给生成的shape添加一些数据，这样在绑定的时候能获取到这些属性数据

矩形动画宽度由40增加到100，设置什么参数能让其不从中心增加

微信开发工具版本：1.9.91
wxDraw.js 版本：latest
测试手机：iphone7
测试微信版本：6.6.5
问题描述：我在 canvas 上添加多个图形元素（测试时使用的是 image），并同时为每个图形元素设置了两段动画。然而，第一段动画结束以后，第二段动画就不再执行。当我只为其中一个图形元素设置两段动画的时候，两段动画都可以执行。
录制视频：

代码如下：
`var context = wx.createCanvasContext("first"); //还记得 在wxml里面canvas的id叫first吗
this.wxCanvas = new wxDraw(context, 0, 0, 400, 500);

  let img = new Shape("image", { x: 100, y: 300, w: 100, h: 100, file: "../../images/[email protected]" }, "fill", true);
  let img2 = new Shape("image", { x: 10, y: 30, w: 100, h: 100, file: "../../images/[email protected]" }, "fill", true);
  this.wxCanvas.add(img);//添加到canvas上面
  this.wxCanvas.add(img2);

  this.imgArr = [];
  this.imgArr.push(img);
  this.imgArr.push(img2);

  this.imgArr.forEach(img => {
      img
        .animate({ x: "+=100", y: "+=100" }, { duration: 1000 })
        .start(1);

    setTimeout(() => {
        img
            .animate({x: "-=100", y: "-=100"}, {duration: 1000}).start(1);
    }, 3000);
      
  });`

在WePY框架下使用wxDraw时，报错，Hello world都做不到

使用大致如下：

<canvas
    class="effect_canvas"
    canvas-id="effectCanvas"
    disable-scroll
></canvas>

import wepy from 'wepy'
import { wxDraw as WxDraw, Shape } from '../plugins/wxdraw'

export default class Index extends wepy.page {
    data = {
        wxCanvas: null
    }

    onLoad() {
        const context = wx.createCanvasContext('effectCanvas')
        this.wxCanvas = new WxDraw(context, 0, 0, 400, 500)
    }
}

报错如下：

let epotinNo=new Shape('circle',{x:60,y:300,r:35,strokeStyle:"#cecece",lineWidth:3},'stroke',false);
我想要的就是一个圆，多了个半径，不知道怎么解决呢。
画一个圆弧页会遇到同样的问题
难道需要再画一层盖住么 o(╯□╰)o

test

我的粒子动画demo，有的时候最后的位置是正确的，有的时候最后的位置是错误的，也不清楚怎么回事，请教一下。 @bobiscool

wxml标签添加事件
然后所以元素都有某个事件,但是我需要某些没有事件怎么做？
不可能一个一个元素去unbind把? 这是个大工程啊。。有什么方法么 某些元素不需要事件
某些需要事件

    const avatar = new Shape('image', {
      x: 100,
      y: 100,
      w: 180,
      h: 100,
      file: './avatar.png',

      needShadow: true,
      shadow: {offsetX: 5, offsetY: 5, blur: 5, color: '#000000'}

    }, 'fill', true)

并无阴影效果，其他虚线、渐变等测试均无继承，是API不支持还是Bug？

// 绘制多边形
let polygonNo1 = new Shape('polygon', {
x: 50, y: 500, r: 20, sides: 6, //9边形
fillStyle: "#CD661D", rotate: Math.PI
}, 'mix', true)
//追加元素
this.wxCanvas.add(polygonNo1)
//添加事件 没有任何效果？
polygonNo1.bind('tap',function(){
console.log(1)
})
麻烦说下为什么 看你api也没有什么特殊的需要注意点啊

我本来想画一个弧线，结果变成这样了

#如题，

let text = new Shape('text', {
      x:20,
      y: 40,
      text: "内容过长",
      fontSize: 20,
      align: 'center',
      fillStyle: "#2d2d2d"
    },

当内容过长时候怎么实现自动换行，不胜感激！

看了源码后发现原来要closePath设置为true才是扇形，文档说明的不清楚啊

请问，是不支持image了么