2024-03-06HTML5和JS实现新年礼花效果。2023兔年再见，2024龙年来临了！祝愿读者朋友们在2024年里，身体健康，心灵愉悦，梦想成真。_html5 Canvas实现福字

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

2024-03-05最近正在做一个uniapp项目，其中需要画一个两根折线的折线图，但是要求，差不多，折线图也需要及时更新。一开始我使用echarts去做，根本刷新不过来，摁暂停按钮时，也卡的一批，后面我又尝试uchart，chart.js，anychart，但是他们都渲染不过来，抽样也想过，但业务不允许。最后没办法，只能自己用Canvas自己写一个。_Canvas局部更新

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

2024-03-04现有画布内容保留在新形状和现有画布内容重叠的位置。仅在新形状和目标画布都重叠的地方绘制新形状。现有画布仅保留在与新形状重叠的位置。新形状绘制在画布内容的后面。无涯教程可以在现有形状后面绘制新形状，并遮盖某些区域，使用。将形状透明化，使其在其他任何地方都重叠并绘制法线。这是默认设置，并在现有画布内容之上绘制新形状。两种形状重叠的位置通过添加颜色值来确定颜色。在不与现有画布内容重叠的位置绘制新形状。仅在与现有画布内容重叠的位置绘制新形状。现有内容将保留在不与新形状重叠的位置。在现有画布内容后面绘制新形状。

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

2024-03-03导入到自己的项目会多出以下文件夹，真正有用的是红框内的三个文件，可以将其移入到components下，具体哪个页面/组件使用了就引入。需要注意的是，直接下载那个插件，里面内置的echarts.js源文件2mb太大了，但是一个项目就用折线图、饼图，就可以去官网定制下载。这里我是把uni-ec-Canvas移入到components文件夹下了。因为本次小程序开发使用到了echarts 发现接入有点麻烦，记录一下。使用了uniapp插件市场的。不然插件会报错 有的方法不支持。那个版本需要选5.0以下的。_echarts折线图加入微信开发者工具

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

2024-03-03​在固宽的 Canvas 中，字数过多的时候，并不会自动换行，我们可以增加 Canvas 本身的宽度，但这不是解决问题的根本方法。还记得之前介绍 Canvas 基本 api 的时候，有一个函数，这个函数可以测量字体的宽高度，那就好办了，我们计算好我们字符串的长度加上一个大概的宽度，基本上可以处理这种换行的问题了。​，保存开始截取的最后的索引，当循环变量 i 为最后一个字符的时候，直接绘制剩余部分。​，如果大于 Canvas 的宽度，就截取这部分进行绘制，然后重置​。

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

2024-03-03CSS背景图片渐变简短摘要在CSS中，直接实现背景图片的渐变效果并不可行。但可以通过叠加渐变层在背景图片上，利用background-image同时设置图片和渐变，达到类似效果。这种方法不涉及图片到渐变颜色的直接过渡，而是一种视觉上的叠加效果。对于更复杂的需求，可能需要考虑SVG、Canvas或CSS的mask属性。_css背景图渐变

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

2024-02-28微信小程序引入echars参考文档：https://echarts.apache.org/handbook/zh/how-to/cross-platform/wechat-appwxml:<view class='box'><ec-Canvas id="chart" Canvas-id="chart" ec="{{ ec }}" force-use-old-Canvas="true"></ec-Canvas></view>j..._wxchart画雷达图

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

2024-02-28需要注意的是，ECharts的渲染原理是基于浏览器的Canvas或SVG技术实现的，因此在使用ECharts时，需要确保浏览器支持Canvas或SVG技术，并且需要注意图表的性能和兼容性问题。SVG 和 Canvas 这两种使用方式在技术上是有很大的差异的，EChart能够做到同时支持，主要归功于 ECharts 底层库 ZRender 的抽象和实现。在绘制渲染阶段，ECharts会根据布局计算阶段的结果，使用Canvas或SVG等技术，将图表的各个组件和数据绘制出来。具体来说，可以在事件处理函数中调用。_echarts svg渲染

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

2024-02-28Canvas设置渐变线条渐变径向/圆渐变文本渐变.font="大小，字体".fillText()基本方法就这样，挺简单的。_Canva可画怎么做渐变

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

2024-02-26地图map Canvas 转 图片 空白图片_todataurl 空白

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