canvas
文章平均质量分 64
_cnjm
这个作者很懒,什么都没留下…
展开
-
【canvas】李峋同款爱心代码 html canvas js 直接浏览器打开
李峋同款爱心js版本,新建html文件,复制如下代码粘贴保存打开即可使用。原创 2022-11-15 12:01:53 · 4481 阅读 · 4 评论 -
微信小程序2.9.0基础库canvas2D新API,生成海报保存到手机功能实现,包括文字换行,圆形图片,图片高度自适应等功能封装
WxCanvas利用canvas微信小程序原生实现的一个绘制微信小程序海报的类,基础库版本>2.9.0。下面链接中使用的api已被废弃,所以有了本文。微信小程序生成海报保存到手机使用场景该类封装了一些小程序海报生成中常用的方法,方便快速根据设计稿完成画布,减少搬砖时间。除基础功能外支持以下使用:多行文字绘制获得动态高度图片定宽或者定高,另一边自适应圆形图片绘制npm源码文末放全部代码调用示例js引入这取决于你放在哪里,你可以使用npm,也可以直接复制文末源代码,然后直接引原创 2021-08-30 18:04:40 · 2119 阅读 · 0 评论 -
使用 COLOR THIEF 获取图片主色,实现图片渐变遮罩,颜色填充等
使用 COLOR THIEF 获取图片主色,实现图片渐变遮罩,颜色填充等Color Thief 是用于提取图片的主要颜色或者代表性颜色调色板的工具. 其使用是基于 javascript 和 canvas 的.COLOR THIEF 引入这里做简单示例,你也可以使用 npm i --save colorthief 方式引入COLOR THIEF官方 <script src="https://cdnjs.cloudflare.com/ajax/libs/color-thief/2.3.0/c原创 2020-08-17 10:46:10 · 5295 阅读 · 0 评论 -
微信小程序生成海报保存到手机功能实现
利用canvas微信小程序原生实现生成海报到本地展示给用户看到的是html元素,保存的时候才绘制canvas生成图片保存,海报根据图片定,定宽,高度自适应先准备一张画布cvHeight cvWidth 动态给<canvas class='canvas' style='height:{{cvHeight}}px;width:{{cvWidth}}px;' canvas-id="myCanvas" />绘制过程获取海报内容或者下载图片,图片信息–微信的apiwx.getImag原创 2020-08-13 17:51:06 · 1277 阅读 · 0 评论