javascript 使用canvans 画圆形 椭圆 正方形 长方形签章

JavaScript 通过canvans来绘制公章个人签章,并返回生成图片的base64

companyc1.png

FXQ.companySeal('某某某网络集团有限公司',0,0,1,'1234xyz')

在这里插入图片描述

companyc.png

FXQ.companySeal('某某某网络集团有限公司',0,0,0,'1234xyz')

在这里插入图片描述

companye1.png

在这里插入图片描述

FXQ.companyEllipse('某某某网络集团有限公司','1234567899876',0,0)

personal1.png个人长方形带边框

FXQ.personal("李易峰",0,0,0,0);

在这里插入图片描述

personal1.png个人长方形不带边框

FXQ.personal("赵丽颖",0,0,0,1);

在这里插入图片描述

personal1.png 四个字个人正方形带边框该签章只支持2-4个字的名字

FXQ.personal("易烊千玺",1,1,1,0);

在这里插入图片描述

personal1.png 两个字名字个人正方形带边框该签章只支持2-4个字的名字

FXQ.personal("王源",0,1,1,0);

在这里插入图片描述

personal1.png 三个字名字个人正方形带边框该签章只支持2-4个字的名字

  FXQ.personal("李易峰",0,1,1,0);

在这里插入图片描述

personal1.png 四个字个人正方形不带边框该签章只支持2-4个字的名字

FXQ.personal("王俊凯",0,1,1,1);

在这里插入图片描述

源码地址:https://github.com/niezhiliang/canvas-draw-seal

  • 0
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
很好,对于您的问题,我们可以通过JavaScriptCanvas API使用贝塞尔曲线来绘制花朵。以下是一个简单的示例代码来实现这一点: ```javascript var canvas = document.getElementById("myCanvas"); var ctx = canvas.getContext("2d"); // 绘制一朵花 function drawFlower(x, y, size) { // 花瓣 for (var i = 0; i < 6; i++) { ctx.beginPath(); ctx.moveTo(x, y); ctx.bezierCurveTo(x - size / 2, y - size / 2, x + size / 2, y - size / 2, x, y); ctx.fillStyle = "pink"; ctx.fill(); ctx.closePath(); ctx.rotate(Math.PI / 3); } // 花心 ctx.beginPath(); ctx.arc(x, y, size / 5, 0, 2 * Math.PI); ctx.fillStyle = "yellow"; ctx.fill(); ctx.closePath(); } // 在布上随机绘制多朵花 for (var i = 0; i < 10; i++) { var x = Math.random() * canvas.width; var y = Math.random() * canvas.height; var size = Math.random() * 50 + 50; drawFlower(x, y, size); } ``` 在这个例子中,我们将绘制一朵花的代码封装在了一个名为 `drawFlower` 的函数中。该函数接收三个参数:花的中心点坐标 `(x, y)`,以及花的大小 `size`。在函数中,我们使用 `bezierCurveTo` 方法来绘制花瓣的曲线形状,并使用 `fill` 方法来填充花瓣的颜色。然后,我们通过旋转布来绘制剩余的花瓣。最后,我们使用 `arc` 方法来绘制花心,并将其填充为黄色。 在主程序中,我们使用 `Math.random` 方法来随机生成花的位置和大小,并在布上绘制多个花朵。 希望这个例子能够帮助您更好地理解如何使用Canvas和贝塞尔曲线绘制花朵。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值