HTML5 SVG3
SVG（可缩放矢量图形）和Canvas是Web上两种常用的2D图形技术。SVG基于XML，每个图形都是对象，支持事件处理，不依赖分辨率，适合复杂图形和交互应用；而Canvas通过JavaScript绘制，依赖分辨率，不支持事件处理，适合图像密集型应用如游戏。
HTML5 SVG2
HTML5允许直接在页面中嵌入SVG元素，无需外部文件。例如，可以创建一个红色圆形和一个紫色边框的绿色五角星，通过简单的SVG代码直接嵌入HTML中实现。
HTML5 SVG1
SVG（Scalable Vector Graphics）是基于XML的矢量图形标准，由W3C制定。HTML5支持内联SVG，<svg>元素用于嵌入SVG图形。SVG能绘制路径、形状、文本等，具有可缩放性、高质量打印及图像放大不失真等优点，适合网页设计和开发。
前端H5使用canvas画爱心以及笑脸
本文介绍了HTML5中的canvas元素及其基本用法，通过JavaScript在canvas上绘制图形。首先简述了canvas的功能，接着详细展示了如何使用`bezierCurveTo`方法绘制爱心和`arc`方法绘制笑脸，并附有示例代码及效果说明。最后总结了canvas在网页图形绘制上的应用潜力。
一文带你了解和使用webpack（2024年11月）
欢迎来到我的博客！我是瑞雨溪，一名热爱JavaScript和Vue的大一学生。自学前端已有两年半的时间，目前正努力向全栈开发迈进。如果你在我的博客中有所收获，欢迎关注我，我会持续更新更多优质内容。你的支持是我最大的动力！🎉🎉🎉
HTML5的新语义化标签
HTML5引入的这些新语义化标签，通过明确标识内容的结构和意义，使得网页结构更加清晰，易于理解和维护。使用这些标签不仅提升了网页的可读性和可访问性，还增强了搜索引擎和辅助技术对网页内容的解析能力。在实际开发中，合理使用这些语义化标签，能够显著提升网页的质量和用户体验。
一文带你了解和使用vue-router(2024年11月）
欢迎来到我的博客，我是瑞雨溪，一名热爱JavaScript与Vue的大一学生，自学前端已两年半。熟悉JavaScript和Vue，正向全栈发展。博客分享前端知识，包括路由、前后端分离、Vue组件及路由守卫等内容。关注我，获取更多优质文章，您的支持是我前进的动力！🎉🎉🎉