2024-04-05HTML元素用于通过脚本（通常是 JavaScript）动态地绘制图形。元素只是图形的容器。您必须使用脚本来绘制实际的图形。Canvas 有多种方法用于绘制路径、方框、圆形、文本和添加图像。

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

2024-04-03也就是说, 在描述线宽的时候, 实际上会从 0.5px 的位置绘制到 1.5px 的位置。○从坐标 ( 100, 100 ) 绘制到坐标 ( 300, 100 )○从坐标 ( 100, 100 ) 绘制到坐标 ( 300, 100 )○从坐标 ( 100, 100 ) 绘制到坐标 ( 300, 100 )所以在设置线段样式的时候, 会默认按照最后一次设置的样式来绘制所有的线段。●所以, 我们在进行 Canvas 绘制内容的时候, 涉及到线段的时候。_js Canvas

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

2024-04-01项目场景：如何在 vue 中使用 window.onresize如何避免 覆盖其它的 window.onresizeecharts 监听图表容器的大小并改变图表大小解决方案：<script>/* echarts 监听图表容器的大小并改变图表大小 */export default { mounted() { this.myChart = this.$echarts.init(this.$refs.Canvas) // 监听 window.onresize_vue onresize

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

2024-04-01body {margin: 0;padding: 0;Canvas {padding: 0;frames ;render();_html加载动画

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

2024-04-01（1）根据内容的语义化，选择合适的标签。便于开发人员阅读和写出更优雅的代码，也便于团队后期的开发和维护；（2）在没有CSS，或者CSS尚未加载的时候，页面也能够呈现出很好的内容结构、代码结构（如标题和正文分开）；（3）有利于搜索引擎优化。搜索引擎依赖于标签来确定上下文和各个关键字的权重，语义化标签，有助于爬虫获取到更多有效的信息（1）Canvas 标签，可以实现使用 javascript 在网页上绘制图像，如坐标轴、折线图；（2）支持 svg（可伸缩矢量图形），svg 图像在放大的时候图像质量不会降低；（3_前端面试题

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

2024-03-31这是程序员表白系列中的100款网站表白之一，旨在让任何人都能使用并创建自己的表白网站给心爱的人看。 此波共有100个表白网站，可以任意修改和使用，很多人会希望向心爱的男孩女孩告白，生性腼腆的人即使那个TA站在眼前都不敢向前表白。说不出口的话就用短视频告诉TA吧~制作一个表白网页告诉TA你的心意,演示如下。 ❤ 【作者主页——?获取更多优质源码】 ❤ 【学习资料/简历模板/面试资料/ 网站设计与制作】 ❤ 【web前端期末大作业——??毕设项目精品实战案例】文章目录一、网页介绍一、网页效果二、_web前端表白代码爱心

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

2024-03-31先看下效果，如果符合你的需求可以接着往下看，避免浪费大家的时间这个需求主要有以下功能1）给模型添加热点，可以通过点击热点弹出模型标签2）给模型添加Sprite精灵图3）给模型添加CSS3DSprite模型标签在写代码之前先了解下是什么CSS3精灵模型 CSS3DSprite 对应的HTML标签，可以跟着场景缩放，位置可以跟着场景旋转，但是自身的姿态角度始终平行于Canvas画布，不受旋转影响，就像精灵模型一样。_css3dsprite

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

2024-03-29使用HTML5画布（Canvas）模拟图层（Layers）效果_Canvas 图层

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

2024-03-27该代码利用Canvas的绘图功能和数学函数，创建了一个动态的彩色线条效果，能够根据鼠标的移动和键盘的操作呈现不同的视觉效果。它使用了数学函数来计算线条的坐标和角度，并根据鼠标位置和窗口大小进行动态调整。代码首先获取Canvas元素，并设置其宽度和高度为窗口的宽度和高度。然后设置绘图上下文的属性，如颜色叠加模式、线条宽度和端点样式。在鼠标移动事件中，根据鼠标的位置计算出各种参数，包括半径、角度和颜色。然后使用循环和数学函数绘制彩色线条，线条的位置和颜色会随着时间和鼠标移动而变化。

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

2024-03-24在面试前我花了三个月时间刷了很多大厂面试题，最近做了一个整理并分类，主要内容包括html，css，JavaScript，ES6，计算机网络，浏览器，工程化，模块化，Node.js，框架，数据结构，性能优化，项目等等。包含了腾讯、字节跳动、小米、阿里、滴滴、美团、58、拼多多、360、新浪、搜狐等一线互联网公司面试被问到的题目，涵盖了初中级前端技术点。HTML5新特性，语义化浏览器的标准模式和怪异模式xhtml和html的区别使用data-的好处meta标签CanvasHTML废弃的标签。

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