canvas
关注
分享
扫一扫
文章平均质量分 68
harmsworth2016
这个作者很懒，什么都没留下…
展开
-
canvas实现复杂画板
canvas实现复杂画板前言前言在上一篇，用 canvas 实现了简单画板，您可以点击这里，canvas实现简单画板。现在需要对画板进行升级，成果如下。原创 2021-07-13 21:09:42 · 375 阅读 · 0 评论 -
canvas实现简单画板
前言canvas 可以实现鼠标或者手指作画。具体用到了 mouse 事件和 touch 事件。下面就实现了一个简单的画板，实际效果如下：解析在页面中，有文字、按钮，有包裹进度条的块。有如下需求：线条能在按钮上显示，并且按钮能点击进度条所在 div 块上能作画，并且进度条块能点击目前已经实现了第一个需求，您可以点击这里：简单画板-进度条不能画线代码<!DOCTYPE html><html lang="en"><head> <meta c原创 2021-07-04 07:33:49 · 7270 阅读 · 6 评论 -
图片链接转base64
图片链接转base64前言代码总结前言canvas 可以将图片链接转 base64。入下图所示：您也可以点击这里 图片链接转base64代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" co原创 2021-07-03 10:24:56 · 508 阅读 · 0 评论 -
canvas改变宽高后发生了什么？
canvas改变宽高后发生了什么？前言代码总结前言在 canvas 画布中，需要设置固定的宽高，如果宽度或高度改变了，canvas 画布会发生什么变化呢？实际情况如下图所示：或者您可以点击这里：canvas改变宽高后发生了什么？可以看出，改变 canvas 宽高后，发生了以下变化：画布内容被清空画出的线条颜色变成了黑色画出线条变细了所有的这些变化都说明了一种可能，canvas 的上下文属性重置为默认值了。代码<!DOCTYPE html><html lang="原创 2021-07-03 00:58:45 · 1273 阅读 · 0 评论