前端 SVG 与 Canvas 框架案例 (画线、矩形、箭头、文字 ....)
2023-08-02
142
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
前端 SVG 与 Canvas 框架案例 (画线、矩形、箭头、文字 ....)
目录
相关文章
|
1月前
|
前端开发
JavaScript
开发者
颠覆传统：React框架如何引领前端开发的革命性变革
【10月更文挑战第32天】本文以问答形式探讨了React框架的特性和应用。React是一款由Facebook推出的JavaScript库，以其虚拟DOM机制和组件化设计，成为构建高性能单页面应用的理想选择。文章介绍了如何开始一个React项目、组件化思想的体现、性能优化方法、表单处理及路由实现等内容，帮助开发者更好地理解和使用React。
78
9
9
|
2月前
|
人工智能
前端开发
JavaScript
前端架构思考 ：专注于多框架的并存可能并不是唯一的方向 — 探讨大模型时代前端的分层式微前端架构
随着前端技术的发展，微前端架构成为应对复杂大型应用的流行方案，允许多个团队使用不同技术栈并将其模块化集成。然而，这种设计在高交互性需求的应用中存在局限，如音视频处理、AI集成等。本文探讨了传统微前端架构的不足，并提出了一种新的分层式微前端架构，通过展示层与业务层的分离及基于功能的横向拆分，以更好地适应现代前端需求。
64
0
0
|
2月前
|
JavaScript
前端开发
API
|
1月前
|
前端开发
JavaScript
API
前端界的秘密武器：掌握这些框架，让你轻松秒杀99%的同行！
前端开发日新月异，掌握几个明星框架如React、Vue.js和Angular，不仅能让工作更得心应手，还能轻松超越同行。React以高效的虚拟DOM和组件化著称；Vue.js简洁易懂，灵活性高；Angular提供全面的解决方案，适合大型应用。此外，轻量级的Svelte也值得关注，其编译时处理设计提升了应用性能。掌握这些框架，结合深刻理解和灵活运用，助你在前端领域脱颖而出。
32
9
9
|
1月前
|
移动开发
前端开发
JavaScript
前端H5使用canvas画爱心以及笑脸
本文介绍了HTML5中的canvas元素及其基本用法，通过JavaScript在canvas上绘制图形。首先简述了canvas的功能，接着详细展示了如何使用`bezierCurveTo`方法绘制爱心和`arc`方法绘制笑脸，并附有示例代码及效果说明。最后总结了canvas在网页图形绘制上的应用潜力。
31
2
2
|
2月前
|
JavaScript
前端开发
测试技术
前端全栈之路Deno篇（五）：如何快速创建 WebSocket 服务端应用 + 客户端应用 - 可能是2025最佳的Websocket全栈实时应用框架
本文介绍了如何使用Deno 2.0快速构建WebSocket全栈应用，包括服务端和客户端的创建。通过一个简单的代码示例，展示了Deno在WebSocket实现中的便捷与强大，无需额外依赖，即可轻松搭建具备基本功能的WebSocket应用。Deno 2.0被认为是最佳的WebSocket全栈应用JS运行时，适合全栈开发者学习和使用。
139
7
7
|
2月前
|
缓存
前端开发
JavaScript
前端serverless探索之组件单独部署时，利用rxjs实现业务状态与vue-react-angular等框架的响应式状态映射
本文深入探讨了如何将RxJS与Vue、React、Angular三大前端框架进行集成，通过抽象出辅助方法`useRx`和`pushPipe`，实现跨框架的状态管理。具体介绍了各框架的响应式机制，展示了如何将RxJS的Observable对象转化为框架的响应式数据，并通过示例代码演示了使用方法。此外，还讨论了全局状态源与WebComponent的部署优化，以及一些实践中的改进点。这些方法不仅简化了异步编程，还提升了代码的可读性和可维护性。
85
1
1
|
2月前
|
前端开发
JavaScript
中间件
前端全栈之路Deno篇（四）：Deno2.0如何快速创建http一个 restfulapi/静态文件托管应用及oak框架介绍
Deno 是由 Node.js 创始人 Ryan Dahl 开发的新一代 JavaScript 和 TypeScript 运行时，旨在解决 Node.js 的设计缺陷，具备更强的安全性和内置的 TypeScript 支持。本文介绍了如何使用 Deno 内置的 `Deno.serve` 快速创建 HTTP 服务，并详细讲解了 Oak 框架的安装和使用方法，包括中间件、路由和静态文件服务等功能。Deno 和 Oak 的结合使得创建 RESTful API 变得高效且简便，非常适合快速开发和部署现代 Web 应用程序。
123
2
2
|
2月前
|
前端开发
JavaScript
开发者
|
3月前
|
前端开发
前端基础(五)_CSS文本文字属性、背景颜色属性
本文详细介绍了CSS中关于文本和背景颜色的样式属性。包括字体大小、字体族、字体加粗、字体样式、文本行高、`font`属性、文本颜色、文本对齐方式、文本装饰线、首行缩进等文本属性，以及背景颜色、背景图片、背景重复、背景位置等背景属性。文章通过示例代码展示了这些属性的具体应用和效果。
67
3
3
热门文章
最新文章
1
「前端工程化」从0-1搭建react，ts脚手架（1.2w字超详细教程）
2
合格前端系列第四弹-如何监听一个数组的变化
3
前端提交POST请求却变成GET请求的原因及解决方法
4
wordpress页面前端添加编辑按钮
5
前端 时间个性化 插件 jquery.timeago.js
6
前端实现tab栏切换，这么常见的案例你学会了吗？
7
你用过的网站前端优化的技术有哪些？
8
基于qiankun落地部署微前端爬”坑“记
9
前端进阶|第四天从setTimeout、Promise看js 的异步机制
10
python 学习 第九篇 前端应用
1
web前端之纯CSS实现简单酷炫的照片墙效果、排除元素的伪类、scale
87
2
《跨界合作：前端与后端如何优化协作效率》
82
3
使用Vue.js构建交互式前端的技术探索
90
4
如何优化前端性能：关键步骤和技巧
86
5
nbcio-boot基于jeecg的flowable支持部门经理的单个或多实例支持（前端部分）
100
6
ruoyi-nbcio-plus基于vue3的flowable修正加签与跳转的前端问题
117
7
vue的 blob文件下载文件时，后端自定义异常，并返回json错误提示信息，前端捕获信息并展示给用户
265
8
ruoyi-nbcio-plus的Vue3前端一些插件使用介绍（二）
70
9
ruoyi-nbcio-plus的Vue3前端一些插件使用介绍（一）
90
10
ruoyi-nbcio-plus的Vue3前端升级组件后出现的问题（二）
142