小程序canvas2D绘制印章,话不多说,直接上代码

效果图:

 CanvasContext 是旧版的接口,不维护了， 新版 Canvas 2D 接口与 Web 一致

 官方文档: https://developers.weixin.qq.com/miniprogram/dev/api/canvas/CanvasContext.arc.html

直接上代码, 我懂:

<!--pages/test/testYZ/testYZ.wxml-->


    <text>输入公司名称：</text>
    <input type="text" placeholder="请输入公司名称" bindinput="bindInputCompany" value="{{company}}" />

    <text>章下面文字：</text>
    <input type="text" placeholder="章下面的文字" bindinput="bindKeyInput2" value="{{name}}" />

    <canvas type="2d" id="circleBar" style="width: 400rpx;height:400rpx;background: pink;margin: 30rpx auto;"></canvas>
    <button type="primary" bindtap="comCreateSeal">生成公章</button>