美文网首页
小程序自定义组件调用canvas绘图不显示问题

小程序自定义组件调用canvas绘图不显示问题

作者: hao_developer | 来源:发表于2023-04-09 18:56 被阅读0次

想着放到自定义组件中,随时可以调用,但是,一放进去,调用什么都没有,当时还在想是不是canvas不能在自定义组件中显示。后来查了资料有说是

因为createCanvasContext方法是有两个参数,在page页面默认传了一个this,在组件里面需要手动传this。需要这样调用才可以

const ctx = wx.createCanvasContext('myCanvas',this);

修改前

const ctx = wx.createCanvasContext('myCanvas');

修改后

const ctx = wx.createCanvasContext('myCanvas',this);

确实,如果不传this画布就是一片空白。但是,我的传了还是不显示,连画布都没有显示,后来审查了一遍代码,才发现是标签没有写结尾。

<canvas canvas-id="myCanvas"  bindlongtap='saveShareImg'></canvas>

相关文章

  • 微信小程序-canvas压缩图片使用入门

    微信小程序canvas组件官方文档 微信小程序canvas组件官方文档canvas API canvas组件介绍 ...

  • 小程序之 f2-canvas 组件绘图

    微信小程序的官方文档上有绘图组件canvas,可以通过官方文档了解绘图组件的使用方法。官方文档 此文章主要是...

  • 图形上下文栈

    绘图的完整过程 程序启动,显示自定义的view。当程序第一次显示在我们眼前的时候,程序会调用drawRect:方法...

  • 微信小程序中 canvas 层级过高问题

    问题 在微信小程序中设置自定义标题后,自定义标题并不能覆盖住canvas 原因: 小程序中 canvas、text...

  • Android 自定义View

    Android 绘图基础:Canvas、Paint、Color自定义View 需要集成View组件,并且重写其on...

  • 微信小程序自定义组件传值问题

    微信小程序自定义组件传值问题 自定义组件 · 小程序 父组件(引用组件的页面模板)页面 子组件页面 表示父组件页面...

  • 微信小程序 canvas教程 - 1

    一、canvas组件 在 test.wxml 中添加 canvas 组件 二、绘图 在 test.js 中进行绘图...

  • 微信小程序 canvas生成图片是空白的

    参考文章:微信小程序 canvas 绘图问题总结 公司提了图片压缩的需求,在网上查了些资料,用canvas实现了,...

  • 2019-07-24 小程序Component

    微信小程序自定义组件Component作为子组件时, 当父组件调用setData 刷新时 , 不会触发子组件任何生...

  • 小程序折线图

    注意要点: 1,通过小程序提供的canvas组件来绘制。需要注意地方是自定义的组件的包含canvas的时候,创建 ...

网友评论

      本文标题:小程序自定义组件调用canvas绘图不显示问题

      本文链接:https://www.haomeiwen.com/subject/xinbddtx.html