微信小程序2d 按代码添加后不显示

[yiyngit]

您好！请问一下微信小程序添加之后 用更新的 2d 的那种方式 ，但是画布不显示! 然后用旧版的方式，书写测验的时候也不能用加粗的功能，drawingWidth 就是这个设置不起作用 请帮忙看看

[zhifengjiang]

2d支持版本还没发布到npm平台，你使用的可能不是最新的代码吧？

[passion2win]

2d支持版本还没发布到npm平台，你使用的可能不是最新的代码吧？

我昨天联系作者，他认为现在的版本是没有问题，实际上现在npm上的1.1.0版本并不支持canvas 2d，导致基础调试库2.7.7以上都显示不出画布来。你有解决方案吗？

[sunhao0313]

2d支持版本还没发布到npm平台，你使用的可能不是最新的代码吧？

我昨天联系作者，他认为现在的版本是没有问题，实际上现在npm上的1.1.0版本并不支持canvas 2d，导致基础调试库2.7.7以上都显示不出画布来。你有解决方案吗？

请问这个问题解决了吗，2.7.7以上的确实无法显示

[beewolf233]

2d支持版本还没发布到npm平台，你使用的可能不是最新的代码吧？

2d支持版本还没发布到npm平台，你使用的可能不是最新的代码吧？

你好 请问你解决这个问题了吗 我也正在看

[yiyngit]

还没有呢，好象作者本身有更新，只是我还不会用，你仔细看看代码

…

------------------ 原始邮件 ------------------ 发件人: "chanind/hanzi-writer-miniprogram" ***@***.***>; 发送时间: 2021年9月4日(星期六) 晚上10:28 ***@***.***>; ***@***.******@***.***>; 主题: Re: [chanind/hanzi-writer-miniprogram] 微信小程序2d 按代码添加后不显示 (#35) 2d支持版本还没发布到npm平台，你使用的可能不是最新的代码吧？ 2d支持版本还没发布到npm平台，你使用的可能不是最新的代码吧？ 你好 请问你解决这个问题了吗 我也正在看 — You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub, or unsubscribe. Triage notifications on the go with GitHub Mobile for iOS or Android.

[xjh093]

楼上的人还活着吗？
我找到方法，能显示出来了~
但是不完美~

[xjh093]

楼上的人还活着吗？
我找到方法，能显示出来了~

[xjh093]

我在微信小程序工程安装好了：
npm install hanzi-writer-miniprogram

显示效果是这样的：

位置偏了，写的时候，笔画位置也是偏的。

原代码：

.wxml

<hanzi-writer-view id="hz-writer" width="200" height="200" class="hz"/>

.wxss

.hz {
  background-color: rgba(255, 255, 255, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
}

[yiyngit]

我 能按装好啊，用的旧板的 只是不完美而已，笔画不能加粗

…

------------------&nbsp;原始邮件&nbsp;------------------ 发件人: ***@***.***&gt;; 发送时间: 2021年11月19日(星期五) 下午2:18 收件人: ***@***.***&gt;; 抄送: ***@***.***&gt;; ***@***.***&gt;; 主题: Re: [chanind/hanzi-writer-miniprogram] 微信小程序2d 按代码添加后不显示 (#35) 我在微信小程序工程安装好了： npm install hanzi-writer-miniprogram 显示效果是这样的： 位置偏了，写的时候，笔画位置也是偏的。 原代码： .wxml <hanzi-writer-view id="hz-writer" width="200" height="200" class="hz"/&gt; .wxss .hz { background-color: rgba(255, 255, 255, 0.5); display: flex; justify-content: center; align-items: center; } — You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub, or unsubscribe. Triage notifications on the go with GitHub Mobile for iOS or Android.

[xjh093]

修改的地方：

文件：miniprogram_npm/hanzi-writer-miniprogram/index.js
方法：var RenderTarget = function () { // xxxxx }

  function RenderTarget(view) {
    _classCallCheck(this, RenderTarget);

    this.view = view;
    this.eventEmitter = new _EventEmitter2.default();
    //this.ctx = polyfillCanvasCtx(wx.createCanvasContext('writer-canvas', view));
    //this.canvas = this.view.selectComponent('#writer-canvas');

    const query = wx.createSelectorQuery().in(view);
    query.select('#writer-canvas')
         .fields({ node: true, size: true })
	 .exec((res) => {
            console.log("res1");
            console.log(res);
            console.log("res2");

            this.canvas = res[0].node;
            //this.ctx = polyfillCanvasCtx(this.canvas.getContext('2d'));
            this.ctx = this.canvas.getContext('2d');
         });
  }

[xjh093]

调试基础库：2.21.0

[xjh093]

各位！我已经解决，等待作者 merge pr 53