canvas
关注
分享
扫一扫
文章平均质量分 79
itmacy
这个作者很懒，什么都没留下…
展开
-
canvas - 综合小案例
结合前面的几个案例，使用canvas加载图片、文本以及不规则多边形，整合出一个综合小案例，用于展示指定区域的温度数据，代码如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><canvas id="canvas" width="400" he原创 2023-06-11 08:00:00 · 103 阅读 · 0 评论 -
canvas - 绘制不规则多边形
使用canvas可以根据点的集合来绘制不规则的多边形，绘制代码如下。也可以结合canvas绘制文本，例如在多边形上添加坐标点，代码如下。// 设置填充画笔颜色，即字体颜色。// 设置属性控制图形的外观。// 绘制 "实心" 文字;// 设置属性控制图形的外观。// 外部使用外边框。// 外部使用外边框。原创 2023-06-10 08:00:00 · 1310 阅读 · 0 评论 -
canvas - 绘制文本
在上个例子中，简单演示了在canvas上加载图片，这个例子则在之前的基础上，使用canvas绘制文本，即在图片上加上水印。使用以下代码，可以在canvas上绘制文本。// 设置填充画笔颜色，即字体颜色。'大家好，我是itmacy'// 绘制 "实心" 文字;// // 绘制图片。// 加载原图片大小。// 等比例缩放图片。原创 2023-06-09 08:00:00 · 367 阅读 · 0 评论 -
canvas - 加载图片
使用canvas加载图片的好处是，可以在该图片上绘制多边形或者文字等其他元素。使用canvas绘制图片，既可以加载原始图片大小。也可以等比例加载图片，例如缩小一倍。// // 绘制图片。// 加载原图片大小。// 等比例缩放图片。原创 2023-06-08 09:52:04 · 1884 阅读 · 0 评论