canvas

春天来了，来生成一棵独属自己的花树吧！春天来了，又到了姹紫嫣红开遍的季节，闲来无事尝试复刻写了一个赛博花树生成器，来看看吧。在线体验地址（做了移动适配的）：点我访问。

从零基于 Canvas 实现一个文本渲染器起因是女朋友想做小红薯的账号。她每天会先把小故事写好复制到手机上，然后按照一定的图片规格一张张裁剪，最后发布到平台上。

canvas学习：如何绘制带孔洞的多边形在canvas中可以通过路径绘制多边形，但是多边形有一种特殊的情况就是带有孔洞的多边形。这种多边形又该如何绘制呢，今天我就来探究一下这个问题

深度解析 Android Matrix 变换（二）：组合变换 pre、post在上一篇文章中，我们讲解了 Canvas 中单个变换的原理和效果，即缩放、旋转和平移。但是单个旋转仅仅是基础，Canvas 变换最重要的是能够随意组合各种变换以实现想要的效果。在这种情况下，就需要了解如何组合变换，以及组合变换背后的矩阵是如何计算出来的。

canvas 手写滑动验证最近菜鸟公司要做一个滑动验证，但是看渡一里面说的是：如果是行为验证的话（自动化图灵测试 —— 一定是服务端验证），后端需要搜集很多东西，包括用户的鼠标轨迹、点击速度等行为，反正就是很复杂，最好上框架，具体见：

敲敲敲敲暴你脑袋

高德地图自定义canvas实现聚类分析最近需要开发一个地图聚类分析的功能，每一层缩放等级，标点有一定样式要求，于是我想到了大学时参加数学建模竞赛用过的Kmeans聚类算法。

深入理解 Android Canvas 变换：缩放、旋转、平移全解析（一）在 Android 开发中，Canvas 是自定义 View 绘制的核心工具，而变换（Transformations）让我们可以灵活地操控图像，创造丰富的视觉效果。这些变换包括旋转（rotate）、缩放（scale）还是平移（translate），合理地使用这些变换不仅可以优化绘制流程，还能减少资源消耗。

一文讲明白页面导出为HTML实现原理与步骤近期做了一个“简单”需求（至少产品经理是这么认为的）：把报告页导出为HTML，方便用户分享。接到这个需求我一开始是拒绝的，因为之前做过导出为PDF，我自然而然要往这个方向引导。 FE：导出PDF不好吗？方便查看、编辑，还更加规范； PM：不行，用户要求导出HTML； FE：可以跟用户说导出PDF效果更好呀，格式更加通用，HTML在不同浏览器上展示可能会有差异； PM：不行，用户明确要求导出HTML，快点做吧，下个迭代就上线！ battle失败，again~ 既然挣扎失败，那就默默开工吧。

【Web】HTML5 Canvas 2D绘图的封装(原文写自2024年10月9日，整理笔记所以现在发出)HTML5 Canvas并不是一项很新的技术了，但是作为一名业余程序员，我是不需要考虑新旧技术和投入实际生产的问题，相反，我只需要考虑有趣，什么有趣搞什么。在Godot中玩味了一圈CanvasItem的绘图函数，也慢慢补齐了一点三角函数、向量和线性变换的基础之后，发现绘图才是程序中最有意思的内容。

vue项目纯前端把PDF转成图片并下载项目需求是把一个pdf转成图片，并在最后添加上二维码，然后下载下来。经过一番研究以后，作此记录。主要用到了pdfjs-dist这个包，我用的是2.16.105版本。

开源 | Warpvas 实现扭曲的画布名字灵感源于 warped + canvas，扭曲的画布。画布可以被扭曲吗？如果你使用过canvas，可能你对setTransform API也有所了解，那你可能会给出一个偏消极的答案：只能整体倾斜变形，但做不到扭曲变形。

基于 uni-app 和 Vue3 开发的汉字书写练习应用本文介绍了如何使用 uni-app + Vue3 + uview-plus 开发一个汉字书写练习应用。该应用支持笔画演示、书写练习、进度保存等功能，可以帮助用户学习汉字书写。

【uniapp】图片添加canvas水印需求：拍照后给图片添加水印, 水印包含经纬度、用户信息、公司logo等信息。效果图：方案：使用canvas添加水印。具体实现：上传图片组件是项目里现有的，主要还是使用uni.chooseImage，这里不做赘述。在上传图片组件中增加一个参数判断是否添加水印，在获取到图片、上传到后端之前对图片进行加工。

小和尚敲代码

uniapp中使用leaferui使用Canvas绘制复杂异形表格的实现方法需求：如下图，要实现左图的样式，先实现框架，文字到时候往里填就行了，原来的解决方案是想用css,html来实现，发现实现起来蛮麻烦的。我也没找到合适的实现方法，最后换使用canvas来实现，使用的js库是leaferui

HTML Canvas clip 深入全面讲解在HTML5的<canvas>元素中，裁剪路径（clipping path）是一个非常强大的功能，它允许你定义一个区域，在该区域内进行绘制，而区域外的内容将不会被显示。通过合理使用裁剪路径，可以实现复杂的图形效果和视觉特效。本文将深入探讨canvas中的clip方法及其应用。

PixiJS 源码揭秘 - 7. 事件系统源码解读大家好，我是青雲，专注于前端开发领域，尤其在可视化技术和编辑器方面有着深入的研究和实践经验。欢迎关注我的公众号【青雲老哥】，一起交流、学习、共建。

微信小程序日程预约涉及仪器的预约使用，仿照小米日历日程预约开发开发对应页。获取当前日期，即六天后的所有日期，并解析出具体月-日，存入数组dateList

HarmonyOS 5.0应用开发——Canvas制作个人签名【高心星出品】Canvas提供画布组件，用于自定义绘制图形，开发者使用CanvasRenderingContext2D对象和OffscreenCanvasRenderingContext2D对象在Canvas组件上进行绘制，绘制对象可以是基础形状、文本、图片等。

uniapp canvas 生成海报并保存到相册之前写过一篇canvas小程序画图只要是canvas各种方法的实际应用，有兴趣的小伙伴也可以看看微信小程序：使用canvas 生成图片并分享_小程序canvas生成图片-CSDN博客

Iconfont & Font Awesome让你的代码飞起来！✨今天，在一个技术交流群中，一位“小白”分享了一个有趣的事实：Iconfont 和 Font Awesome 在前端项目中表现得像 FIREball！这句话听起来有点夸张，但其实是在描述这两款库在现代前端应用中的强大能力！