在wxml页面写id,canvas-id已经没用了。然后像html一样,使用js获取这个canvas标签组件,在微信的js获取使用wx自带的方法。如下 wx.createSelectorQuery().select('#myCanvas').fields({ node: true, size: true }).exec((cres) => { //在这里可以下获取到canvas组件了,然后创建成画板画布。 var rect = cres[0] console.log(rect) var textCanvas = rect.node // 重点1
Midjourney|文心一格prompt教程[TextPrompt(下篇)]:游戏、实物、人物、风景、动漫、邮票、海报等生成,终极模板教学场景6:游戏Prompt真的越长越好吗?按照Midjourney的官方文档里的说法,并不一定:Promptscanbeverysimple.Singlewords(orevenanemoji!)willproduceanimage.VeryshortpromptswillrelyheavilyonMidjourney’sdefaultstyle,soamoredescriptivepromptisbetterforauniquelook.However,s
简介AutoPhotoshopStableDiffusion-这是一款可以在Photoshop中使用AI智能Automatic1111进行插画、海报等设计的插件,此插件可以是你在Photoshop中直接使用Ai智能绘图,让你无需再Photoshop与Automatic1111软件之间来回切换,此插件将Automatic1111功能集成进Photoshop让你可以在使用喜欢的工具编辑您的StableDiffusion图像,并将其保存在Photoshop中。下载https://www.hereitis.cn/soft/AutoPhotoshopStableDiffusion安装1.我们将上方下在的
//业务需求:我们需要一个微信小程序码,但是是需要提供给别人扫码的但是只有一个纯粹的小程序码是不好看的,所以需要推广的海报图片。再结合文字 最终效果 准备工作 1、需要海报的底图 2、小程序码的图片 代码部分结合YII2但不影响使用完整过程第一步:生成小程序码图片第二步:缩放小程序码的图片大小 (如果尺寸符合海报大小可省略)280-1280px第三步:将缩放后的小程序图片合成到背景图片第四步:合成文字信息 第一步:生成小程序码图片 (我使用的场景是无限制小程序码code地址三种自行选择)//微信小程序小程序码publicstaticfunctiongetWeChatSmallProgramC
1.先看效果图,点击分享海报按钮,然后弹出分享海报 2.前端代码这里用的组件有vant组件库还有canvas_drawer(一个画布组件)canvas_drawer下载地址https://github.com/kuckboy1994/mp_canvas_drawer把components中的canvasdrawer拷贝到自己项目下,然后再app.json中引用就行了,如下"usingComponents":{ "canvasdrawer":"/static/canvasdrawer/canvasdrawer" }注意!注意!注意!canvas_drawer的painting属性画布里面的图片
目录1、Midjourney2、StableDiffusionOmline3、MicrosoftDesigner4、Craiyon5、NightCafeS6、Wombo1、Midjourney特点:业内标杆,效果最强大Midjourney是基于diffusion的AI图画艺术生成器。生成图片不局限于二次元人物,能够生成照片级精细的图.效果是所长用过的最惊艳AI图片生成器,也是最知名的,之所以放在这里是因为,如果不放它,这个AI生成图片的介绍将逊色很多。史上最强文本生成图像模型官网2、StableDiffusionOmline特点:免费且效果不错StableDiffusion是一个文本生成图像的
1.引入painter插件下载地址:https://github.com/Kujiale-Mobile/Painter代码下载后,将component中的painter文件夹放入项目wxcomponents文件夹中(如果没有该文件夹,就在项目根目录中创建一个) 2.在需要绘图的页面引入painter 在pages.json中引入painter插件 同时也需要在页面中引入 3.获取painter模板代码使用ReactApp来可视化编辑海报的模板代码:https://lingxiaoyi.github.io/painter-custom-poster/ 编辑模板后,点击复制代码,将代码复制到
可在系列教程的基础上继续开发,也可以单独使用【微信小程序-原生开发】系列教程效果预览代码实现点击触发生成海报在活动详情页,指定点击某图标/按钮,触发跳转到生成海报的页面pages\components\party\detail\index.jsgetPoster(){letdetail=this.data.detailwx.navigateTo({url:'/pages/components/poster/index',success:function(res){//跳转页面时,将活动详情传递过去res.eventChannel.emit('sendData',{data:detail})}}
在做微信小程序的时候,很多都会用到生成海报分享功能,刚好最近项目有这个需求,今天就发出来记录下首先是使用canvas绘制一张海报,微信小程序的canvas有老版本和新版本我是用的是新版本代码如下js部分我的做法是给canvas隐藏了不看到,等canvas绘制完毕后导出的url直接赋给image的url,然后弹出层展示,只展示生成的海报和保存图片按钮qrcode(e){let_this=thislettype=e.currentTarget.dataset.typeif(_this.data.canvasurl!==''&&type==='open'){_this.setData({show:t
文章目录前言一、普通二维码生成二、生成海报图片并保存1、引入依赖组件2、生成海报图片2.1配置painter海报json2.2引入数据构造函数并在适当时间触发生成海报2.3弹窗组件中直接使用painter组件三、源码前言最近开发的小程序都有分享需求,功能大体为点击分享按钮,或主动生成海报后,用户操作保存对应海报为图片实现分享。以下是具体实现。最终生成效果如图:一、普通二维码生成此处主要是生成工具库来生成普通二维码,如果要生成小程序码,只能通过后台接口调用开放API实现,且需要小程序已上线发布才能通过微信扫一扫进入小程序(废话不多说了。。。。)工具库:weapp.qrcode.min.jstem