🚨 The automated release from the master branch failed. 🚨

I recommend you give this issue a high priority, so other packages depending on you can benefit from your bug fixes and new features again.

You can find below the list of errors reported by semantic-release. Each one of them has to be resolved in order to automatically publish your package. I’m sure you can fix this 💪.

Errors are usually caused by a misconfiguration or an authentication problem. With each error reported below you will find explanation and guidance to help you to resolve it.

Once all the errors are resolved, semantic-release will release your package the next time you push a commit to the master branch. You can also manually restart the failed CI job that runs semantic-release.

If you are not sure how to resolve this, here are some links that can help you:

• Usage documentation
• Frequently Asked Questions
• Support channels

If those don’t help, or if this issue is reporting something you think isn’t right, you can always ask the humans behind semantic-release.

Invalid npm token.

The npm token configured in the NPM_TOKEN environment variable must be a valid token allowing to publish to the registry https://registry.npmjs.org/.

If you are using Two Factor Authentication for your account, set its level to "Authorization only" in your account settings. semantic-release cannot publish with the default "
Authorization and writes" level.

Please make sure to set the NPM_TOKEN environment variable in your CI with the exact value of the npm token.

Good luck with your project ✨

Your semantic-release bot 📦🚀

Hi,

Does any one know how to support custom background for Wechat mini program? I tried https://hanziwriter.org/docs.html#custom-backgrounds way, it doesn't work.

Thanks in advance!

Hi, the hanzi-writer is a nice project. Thanks a lot.

I changed the code for usage in uni-app(which could use Vue to write miniprogram and app).

It runs well in miniprogram, but not correct when built into app.

• it will black all strokes when first stoke ani;
• can not see the animation;
• has blank in stroke;

I'm trying to see the code to know why.

If any suggestion on why it could be that, please let me know.

Thanks.

微信小程序卡顿有解决方案吗？

Error in onLoad hook: "Error: hanzi-writer-view with id hz-writer not found"

here is the minicode https://developers.weixin.qq.com/s/0ORUOKmr7F94

and I didn't add https://cdn.jsdelivr.net to the list of the approved domain, as i make the IDE don't check it, is this matter?

I copy the demo and test the quiz feature by iphone 6 ( ios 12.4 ). it seem the miniprogram respond slowly after a stroke. But it is faster on android phone. can improve the performance for iphone 6?

调试时运行报错
WAServiceMainContext.js?t=wechat&s=1702002645097&v=2.32.3:1
TypeError: Cannot read property 'clearRect' of undefined
at HanziWriterRenderer._animationFrame (hanzi-writer.js:2427)
at HanziWriterRenderer.render (hanzi-writer.js:2441)
at hanzi-writer.js:1201

请问有人有遇到吗，要怎么解决，谢谢

Hi, chanind.
In WeChat miniprogram，it is pretty slow to show the animation，but it is normal for quiz module. The animation module worked normally before, and this phenomenon only appeared recently.

微信开发工具 Stable 1.05.2110110，需要在：详情，本地设置，调试基础库，选择 2.7.7 及以下，则可展示。

hanzi-writer-view with id hz-writer not found

Error: module "miniprogram_npm/hanzi-writer-miniprogram/hanzi-writer" is not defined
module "C:/Users/123/Desktop/\u4E2D\u6587\u6D3Emini/weapp-house-mall-master/node_modules/_hanzi-writer-miniprogram@1.0.4@hanzi-writer-miniprogram/miniprogram_dist/index"
无法找到模块“hanzi-writer-miniprogram”的声明文件。“C:/Users/123/Desktop/中文派mini/weapp-house-mall-master/node_modules/_hanzi-writer-miniprogram@1.0.4@hanzi-writer-miniprogram/miniprogram_dist/index.js”隐式拥有 "any" 类型。
Try npm install @types/hanzi-writer-miniprogram if it exists or add a new declaration (.d.ts) file containing declare module 'hanzi-writer-miniprogram';ts(7016)

Cannot read property 'clearRect' of undefined

I modified this file：

file：miniprogram_npm/hanzi-writer-miniprogram/index.js
method：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');
         });
  }

but, there is a problem its display:

how to build the dev project? I want to debug it.

In the simulator of the wechat miniprogram development environment, the display of canvas Chinese characters is correct. however, on a real machine, preview, canvas's strokes looks like reversed, scale problem? iPhone6+ In latest version of WeChat.

iPhone X 16.4.1
微信：8.0.34
调试基础库：2.30.4

display well
but can not write with finger!
Seems unrecognizable.

uniapp中使用，小程序报这个错

Hi:
Older version of CreateCanvasContext, the interface is outdated. (refer to RenderTarget.js constructor)

    If the Canvas Type is set to 2D, the official recommended way to get the context object is 
    const Query = wx.createSelectorQuery().
    query.select('#myCanvas')

I am porting this component to a Taro component.
It runs pretty well in Wechat's dev tool, but I met this error during preview on an android phone.

MiniProgramError: "illegal param to init BindingPath2D" String

It looks like that HanziWriter's StrokeRenderer is using Path2D by default, which Wechat does not support very well on real phone, thus during preview on real phone, no stroke has been rendered to the canvas.

A bypass is to change the constructor of StrokeRenderer not to use Path2D, but I really would like to know, you how you guys solve this issue, if it ever happened to you?

请问微信小程序有没有办法像文档中那个“是”字的例子那样把一笔笔的显示出来，另外请问字库用的是什么字体，有没有版权问题呢，谢谢

it seems the new update about 2D support has not been publish on npm

function renderFanningStrokes(target, strokes) {
var svg = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
svg.style.width = '75px';
svg.style.height = '75px';
svg.style.border = '1px solid #EEE'
svg.style.marginRight = '3px'
target.appendChild(svg);
var group = document.createElementNS('http://www.w3.org/2000/svg', 'g');

// set the transform property on the g element so the character renders at 75x75
var transformData = HanziWriter.getScalingTransform(75, 75);
group.setAttributeNS(null, 'transform', transformData.transform);
svg.appendChild(group);

strokes.forEach(function(strokePath) {
var path = document.createElementNS('http://www.w3.org/2000/svg', 'path');
path.setAttributeNS(null, 'd', strokePath);
// style the character paths
path.style.fill = '#555';
group.appendChild(path);
});
}

HanziWriter.loadCharacterData('是').then(function(charData) {
var target = document.getElementById('target');
for (var i = 0; i < charData.strokes.length; i++) {
var strokesPortion = charData.strokes.slice(0, i + 1);
renderFanningStrokes(target, strokesPortion);
}
});

how can i use this method @ miniprogarm please

Followed instruction part of Doc as following:

But when I try to preview my mini program, there's an error as following:

index1 is my current main page, and I'm pretty sure hanzi-writer-miniprogram was installed currectly.

Not sure why it checks plugin under index1. Could anybody help? Thanks in advance!

Hi, chanind

In Quiz model
User drawing a straight line is ok, But drawing the polyline is very slow.

In iphone, painting every step is very slow?

Please give me some optimize suggestions, thx

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

iPhone X 16.4.1
微信：8.0.34
调试基础库：2.30.4

display bad!