2024-09-04需求:我司是做AIGC项目最近和地铁项目有关需要实现海报效果图，并且需要使用画布拖拽和修改上传删除等等功能 当时连续加班花了10个工作日搓出来 实现挺简单的但是Canvas数据处理还是挺麻烦的 大概功能如图下首先我们需要引入fabric.js 这个库封装好了原生的Canvas的Api使用uniapp和vue项目。_vue canvas 拖拽

https://www.qianduange.cn//article/17680.html 分类：前端知识

2024-09-01fabric.js 是一个功能强大的 canvas 库，它提供了一套丰富的 API 来操作 canvas 元素和上面的对象。通过配置项、方法和事件，开发者可以轻松地在网页上实现复杂的图形和交互设计。上述文档简要介绍了 fabric.js 的一些基本用法和配置，更多高级功能和细节请参考官方文档。_fabricjs中文文档

https://www.qianduange.cn//article/17445.html 分类：前端知识

2024-08-21特别鸣谢：拿只键盘出来绣花的德育处主任，他的系列文章给了我很大的帮助。该说不说，站在前人的肩膀上就是得劲。德育处主任 - 知乎拿只键盘出来绣花 回答数 7，获得 143 次赞同fabric.js 是一个用于创建可交互式的 HTML5 canvas 应用程序的开源 JavaScript 库，它提供了一套简单、易用的 API，可以快速地实现各种图形操作和动画效果。使用 fabric.js，你可以轻松地创建文本、图像、形状、路径等多种元素，并对它们进行缩放、旋转、位移、剪切、合并等操作。_fabricjs

https://www.qianduange.cn//article/16350.html 分类：前端知识

2024-08-05最近接到一个需求是SVG导入到canvas画布的，首先想到的是利用第三方库例如 fabric.js 的loadURLFrom 方法和Canvg。但是如果是外部的链接的话是可以，那么如果是页面已经存在的SVG呢？举例：加载SVG渲染到页面，更换SVG图层的图片，然后SVG导入到CANVAS画布此时第一个问题如何操作SVG图层里的图片？解决方案：1.加载外部的SVG到页面// 先创建一个盒子来承载SVG// 通过XML请求解析加载SVG文件// 最后添加到页面xhr.send();_svg 如何用canvas渲染

https://www.qianduange.cn//article/14853.html 分类：前端知识

2024-08-04fabric.js 是一个基于对象的 Canvas 库，提供了丰富的 API 来操作和管理 Canvas 元素。它特别适合处理交互式和可编辑的图形应用，如在线图像编辑器、绘图工具等。Konva.js 是一个用于创建 2D 图形的 Canvas 库，专注于高性能和灵活性。它适合需要复杂图形和动画的应用，如数据可视化和游戏开发。Pixi.js 是一个专注于高性能 2D 渲染的库，广泛应用于游戏开发和动画制作。它利用 WebGL 技术，提供了出色的渲染性能。_canvas js库

https://www.qianduange.cn//article/14766.html 分类：前端知识

2024-06-14fabricjs，可拖拽端点改变形状的多边形的实现方法思路_fabric.js实现复杂图形

https://www.qianduange.cn//article/12155.html 分类：前端知识

2024-05-13原生 canvas 的操作主要基于上下文，需要使用者自己从0开始去实现一些基本功能，比较复杂。而 canvas 库文件则封装好了许多便利的对象，使得用户可以在比较高级的层面上进行绘制。_konva.js

https://www.qianduange.cn//article/8507.html 分类：前端知识