国庆微信头像DIY：轻松打造个性化头像
前言 国庆节马上要到了，今天就教你如何从0到1使用canvas生成国庆风微信头像。 本文包含以下内容： vue3项目搭建，需求分析 canvas合成图片原理 github自动化部署 开发过程遇到的问题及解决方案 文末附源码及在线体验地址~ 搭建项目，分析需求 项目的话就直接使用脚手架生成一个 Vue ... »
【uniapp】【微信小程序】wxml-to-canvas
真是搞吐了，研究了整整两天，困死我了 本来使用生成二维码插件好好的，插件页也支持导出二维码图片，可是领导说要带上文件的名称，那就涉及html转图片了，当然也可以改二维码插件的源码，不过源码做了混淆，看晕了，放弃了。 试了将微信的原生插件wxml-to-canvas引入uniapp项目，最后捣鼓了好久 ... »
vue + canvas 实现九宮格手势解锁器
此篇文章用于记录柏成从零开发一个canvas九宮格手势解锁器的历程。我们基于 canvas 实现了一款简单的九宫格手势解锁器，用户可以通过在九宫格中绘制特定的手势来解锁。 ... »
详情讲解canvas实现电子签名
#### 签名的实现功能 ``` 我们要实现签名： 1.我们首先要鼠标按下,移动，抬起。经过这三个步骤。 我们可以实现一笔或者连笔。 按下的时候我们需要移动画笔，可以使用 moveTo 来移动画笔。 e.pageX,e.pageY来获取坐标位置 移动的时候我们进行绘制 ctx.lineTo(e.pa ... »
【腾讯云 Cloud Studio 实战训练营】在线 IDE 编写 canvas 转换黑白风格头像
### 关于 Cloud Studio > Cloud Studio 是基于浏览器的集成式开发环境(IDE)，为开发者提供了一个永不间断的云端工作站。用户在使用Cloud Studio 时无需安装，随时随地打开浏览器就能在线编程。 > Cloud Studio 作为在线IDE，包含代码高亮、自动补全 ... »
H5用canvas放烟花
很久很久以前的一个很流行的java Applet放烟花效果,当初移到android过,这次摸鱼时间翻译成js代码,用canvas实现这么多年,终于能大致看懂这代码了, 已经实现透明效果,只需要给body弄个好看的背景图片就行,但需要主色为深色,看到的人谁有兴趣美化下,弄个背景加个声音啥的,不过没啥用 ... »
使用canvas(2d)+js实现一个简单的傅里叶级数绘制方波图
## 先看效果 查看页面右下角，嘿嘿  ## 简要说明 1. 创建具有不同半径与角速度的圆集合；（截图中展现的效果为5 ... »
vue + canvas 实现涂鸦面板
我们基于 canvas 实现了一款简单的涂鸦面板，用于在网页上进行绘图和创作。此篇文章用于记录柏成从零开发一个canvas涂鸦面板的历程。 ... »
Canvas好难，如何让研发低成本实现Web端流程图设计功能
摘要：本文由葡萄城技术团队于博客园原创并首发。转载请注明出处：[葡萄城官网](https://www.grapecity.com.cn/)，葡萄城为开发者提供专业的开发工具、解决方案和服务，赋能开发者。 # 前言 相信大家在职场中经常会用到流程图，在互联网行业，绘制流程图不论在产品的设计阶段，还是后 ... »
使用taro+canvas实现微信小程序的图片分享功能
业务场景 二轮充电业务中，用户充电完成后在订单详情页展示订单相关信息，用户点击分享按钮唤起微信小程序分享菜单，将生成的图片海报分享给微信好友或者下载到本地，好友可通过扫描海报中的二维码加群领取优惠。 使用场景及功能：微信小程序 生成海报图片 分享好友 下载图片 使用技术：Taro vue vant ... »
当我第一次通过Kotlin和Compose来实现一个Canvas时, 我收获了什么?
自从2019年Google推荐Kotlin为Android开发的首选语言以来已经经历了将近四年的时间, Compose的1.0版本也发布了将近2年的时间, Kotlin+Compose在现阶段的Android开发过程中还远远达不到主流的程度. 我们是否应该开始尝试这个组合? 这个组合有会给我们带来什... ... »
VUE 使用canvas绘制管线管廊示例详解
目录 引言 drawRealTimePipeline：绘制实时管线 drawRealTimeEquipment：绘制实时设备： drawRealTimeText：绘制实时文本： moveAllElement：元素移动事件： createEditTip、removeEditTip：动态创建及移除D »
小程序canvas手写签名适配PC实现示例详解
目录 引言 先看看效果图 看看代码 判别是否是PC版本 注意事项 结语 引言 继上一篇的《丝滑流畅的手写签名功能》博文才过去没多久，我才发现 canvas 2d 无法在 PC 的小程序中使用，真实白费了我的优化了，还好之前的代码没删掉，原本以为直接简单改改就能用，发现还不是，下面看看 »
vue使用Canvas在画布上添加图片方式
目录 使用Canvas在画布上添加图片 使用canvas在图片上加上文字 总结 使用Canvas在画布上添加图片 首先在template 里面创建一个dom <div style="display:none"> <img ref="conf0" src=".. »
自定义视图view使用Canvas实现手写板和涂鸦功能
目录 预览图 一、xml布局 二、MainActivity代码 三、我们自定义view的类 预览图 一、xml布局 <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android=" »
自定义视图view使用Canvas实现手写板和涂鸦功能
目录 预览图 一、xml布局 二、MainActivity代码 三、我们自定义view的类 预览图 一、xml布局 <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android=" »
一文详解Canvas实现打飞字游戏过程示例
目录 正文 一、游戏介绍 二、效果预览 三、实现思路 1. 搭建页面结构 2. 美化界面 3. 编写JavaScript代码 四、写在最后 正文 打开游戏界面，看到一个画面简洁、却又富有挑战性的游戏。屏幕上，有一个白色的矩形框，里面不断下落着各种单词，而我需要迅速地输入这些单词。 »
一文详解Canvas实现打飞字游戏过程示例
目录 正文 一、游戏介绍 二、效果预览 三、实现思路 1. 搭建页面结构 2. 美化界面 3. 编写JavaScript代码 四、写在最后 正文 打开游戏界面，看到一个画面简洁、却又富有挑战性的游戏。屏幕上，有一个白色的矩形框，里面不断下落着各种单词，而我需要迅速地输入这些单词。 »
自定义view视图之Canvas+Paint图形绘制
目录 一、绘图都需要那些相关知识 二、我们先来了解下Canvas 三、那我们如何来使用这些方法进行绘制呢？ 1、我们需要创建一个类继承view （1）首先定义一个画笔对象和一个画布的颜色 （2）我们需要给我的画笔对象设置一些属性，比如画笔的大小、颜色等！ 四、我们在布局中引用我们自定义的类 »
自定义view视图之Canvas+Paint图形绘制
目录 一、绘图都需要那些相关知识 二、我们先来了解下Canvas 三、那我们如何来使用这些方法进行绘制呢？ 1、我们需要创建一个类继承view （1）首先定义一个画笔对象和一个画布的颜色 （2）我们需要给我的画笔对象设置一些属性，比如画笔的大小、颜色等！ 四、我们在布局中引用我们自定义的类 »