自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(84)
  • 收藏
  • 关注

原创 31-基本使用阴影

canvas基本使用阴影

2025-02-10 08:22:56 244

原创 vue copy 文本复制

vue copy 文本复制

2025-02-08 16:00:58 84

原创 20-30 五子棋游戏

canvas 与原生 JavaScript 设计一个五子棋游戏

2025-01-30 15:47:06 1000

原创 19-修改填充样式

canvas 使用 fill 方法进行填充并使用渐变进行填充样式的修改

2025-01-26 15:51:27 293

原创 18-使用fill填充图形

canvas 使用 fill 方法进行填充

2025-01-26 15:20:39 329

原创 17-使用椭圆制作鼻子

canvas 使用 ellipse 绘制椭圆给小人画个鼻子

2025-01-23 16:45:06 191

原创 16-绘制椭圆

canvas 使用 ellipse 绘制椭圆

2025-01-22 16:45:35 347

原创 【图表示例】元素-边-05

antvG6边示例,折线、曲线自环边,sourcePort、targetPort、loopPlacement相关

2025-01-22 14:56:52 923

原创 【图表示例】元素-边-04

antvG6边示例,三次贝塞尔曲线的水平、垂直展示,扩展了解连接桩样式(PortStyleProps)、状态样式属性(state)以及 AntvDagre布局

2025-01-22 11:44:28 798

原创 【图表示例】元素-边-03

antvG6边示例,正交线 orth 与控制点 controlPoints

2025-01-21 16:29:26 390

原创 【图表示例】元素-边-02

antvG6边示例,折线polyline与控制点controlPoints

2025-01-17 17:24:27 291

原创 【图表示例】元素-边-01

antv G6 边示例,直线,二次贝塞尔曲线与三次贝塞尔曲线

2025-01-16 21:12:22 378

原创 【图表示例】元素-节点-06

antv G6 节点示例,连接桩相关

2025-01-16 17:07:20 270

原创 【图表示例】元素-节点-05

antv G6 节点示例,类型可为 3d 节点

2025-01-15 16:40:27 901

原创 【图表示例】元素-节点-04

antv G6 节点示例,类型可为donut

2025-01-10 17:00:54 456

原创 【图表示例】元素-节点-03

antv G6 节点示例,类型可为HTML

2025-01-10 15:38:17 319

原创 【图表示例】元素-节点-02

antv G6 节点示例,类型可为自定义图片

2025-01-08 14:36:33 202

原创 【图表示例】元素-节点-01

antv G6 节点示例,类型可为圆形、矩形、菱形、六边形、三角形、椭圆、星形

2025-01-08 10:46:52 431

原创 15-使用arc画笑脸

canvas 使用arc画笑脸

2025-01-07 10:57:53 132

原创 14-使用arc绘制圆弧

canvas使用arc绘制圆弧

2025-01-07 10:38:49 189

原创 13-线段的转折点样式

canvas 线段的转折点样式 不常用

2025-01-06 17:20:09 311

原创 12-实现一条渐变的折线

canvas 实现一条渐变的折线

2025-01-05 15:51:02 352

原创 11-使用重复元图像

canvas重复元图像,不常用

2025-01-04 19:38:28 390

原创 10-使用锥形渐变

canvas使用锥形渐变

2025-01-04 16:07:53 274

原创 09-使用径向渐变

canvas使用径向渐变,填充rect图形使用fillStyle,如果是画线使用stroke

2024-12-29 19:25:50 305

原创 08-使用线性渐变

Canvas使用线性渐变,学会使用查看MDN文档

2024-12-25 16:57:54 365

原创 07-使用strokeStyle修改线条颜色

使用strokeStyle修改线条颜色

2024-12-25 15:43:30 204

原创 06-使用lineWidth控制线条的宽度

使用lineWidth控制线条的宽度

2024-12-25 11:38:40 206

原创 05-使用canvas绘制折线

使用canvas绘制折线

2024-12-25 11:31:48 275

原创 04-使用canvas绘制直线

使用Canvas画直线分为下面的步骤,moveTo、lineTo、stroke

2024-12-25 10:23:52 159

原创 03-canvas的宽度控制要点

canvas元素如果想正常的显示里面的图形,需要使用属性设置来控制width和height,不能用css的style去设置画布宽高

2024-12-25 10:16:09 163

原创 02-canvas的基本使用02

建议直接使用 js 创建canvas标签

2024-12-25 10:13:01 141

原创 01-canvas的基本使用01

canvas的基本使用

2024-12-20 15:48:18 241

原创 【示例】Vue AntV G6 base64自定义img 动画效果,自适应宽高屏

G6的registerEdge 自定义边,小车的图片需要转成base64格式,通过动态控制div的scale自适应拉伸尺寸的计算来达到自适应宽高屏幕的效果。

2024-12-19 21:41:19 312

原创 vue iframe进行父子页面通信并切换URL

通过window.parent.postMessage ,帮助 内嵌入的子页面和其父页面之间进行跨域通信

2024-12-18 17:24:46 298

原创 09-Customizing Axes of a Bar Chart with D3.js

本课程讲述了在D3.js中自定义xy轴内容与样式

2024-12-18 14:54:25 329

原创 vue CSS 自定义宽高 翻页 剥离 效果

vue CSS 翻页 剥离 效果

2024-12-17 16:52:52 370

原创 Echart Line 折线图 渐变 暗色系 大屏效果

Echart Line 折线图 渐变 暗色系 大屏效果

2024-12-10 14:21:32 117

原创 MacOS SourceTree Git的使用

MacOS SourceTree VSCode终端 Git的使用记录

2024-11-28 11:18:50 750 1

原创 07-Making a Bar Chart with D3.js and SVG

通过 D3.js 的scaleLinear,max,scaleBand,axisLeft,axisBottom,根据 .csv 文件生成一个横向柱状图

2024-11-23 21:22:52 525

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除