草庐IT

flutter-canvas

全部标签

android - 在 Canvas 上移动位图

我有一个imageView、Canvas和一个按钮..当我单击按钮时,会在Canvas上绘制位图我想使用我的onTouch移动该位图(将位图拖到Canvas上的任何位置)。s.setOnItemClickListener(newOnItemClickListener(){publicvoidonItemClick(AdapterViewparent,Viewv,intposition,longid){BitmapworkingBitmap=Bitmap.createBitmap(currentBitmap);workingBitmap=Bitmap.createBitmap(worki

Unity Canvas不同模式下实现UI追随物体

在Canvas不同渲染模式(RenderMode)下实现UI跟随3D物体功能。ScreenSpace-Overlay利用WorldToScreenPoint()将物体的世界坐标转换成屏幕坐标,然后更新UI的坐标:1.UI跟随3D物体publicclassUIFollowObj:MonoBehaviour{publicGameObjectobj;//3D物体publicRectTransformrectUI;//UI元素publicVector2offset;//偏移量voidStart(){offset=newVector3(0,0,0);}voidUpdate(){Vector2screen

记录-canvas绘制行星环绕

这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助效果:实现原理只是单纯的canvas方法的使用再加上一点点js的使用就可以实现这个简单的实例啦。实现代码html部分初始化画布js获取画布元素,初始化画布背景色为黑色,设置画布真实绘制宽高为1200,浏览器呈现宽高为600px,getContext('2d')获取画布的2D上下文。letcanvas=document.getElementById('canvas')canvas.style.background='black'//浏览器渲染出画布宽高canvas.style.width=600+'px'canvas.style.hei

记录--[vue3] 用 canvas 搞一个滑动刻度尺

这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助背景去年做的小程序有一个选择克数的功能,本想着随便搞个数字输入框就完事了,结果产品搞来个app,人家是滑动尺子选的,没辙了,只能硬着头皮做了。思路搞一个横着排的div,然后里面塞很多很多小div,当做格子,格子弄一个左边框当做格子线,然后外面的父div设置左右滑动,然后监听div的滑动距离,除以格子宽度,就能得到刻度了。优点:实现简单缺点:性能极差,我是把尺子放在弹窗里的,一但刻度尺最大值变大了,就得生成好多dom,直接卡半天才能弹起窗来。优化第一种思路,把第一种思路里面的小格子,换成canvas实现,上来先给canvas设置宽度,撑

记录--如何用canvas画出验证码

这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助相信在平时的工作中,canvas肯定是我们不可或缺的伙伴,有很多业务场景都需要他来完成,闲来无事,今天我们就先说一下canvas如何画出验证码首先,我们应该有一个canvas标签(注意:可以标签里面设置宽高,也可以在js里面设置,但是不建议在style样式里面去设置,因为会导致里面的元素大小和你设置的不一样)。然后我们需要有一个随机生成四位数code的一个方法然后我们还需要一个canvas的绘画方法因为当点击canvas的时候,canvas里面的code也就会变,这时候我们的随机生成四位数的方法就可以用上了。-上面这样已经可以在点击的

【老孟Flutter】Stateful 组件的生命周期​

老孟导读:关于生命周期的文章共有2篇,第一篇是介绍Flutter中Stateful组件的生命周期。博客地址:http://laomengit.com/blog/20201227/Stateful%E7%BB%84%E4%BB%B6%E7%94%9F%E5%91%BD%E5%91%A8%E6%9C%9F.html第二篇是Flutter中与平台相关的生命周期,博客地址:http://laomengit.com/blog/20201227/%E7%9B%B8%E5%85%B3%E5%B9%B3%E5%8F%B0%E7%9A%84%E7%94%9F%E5%91%BD%E5%91%A8%E6%9C%9F

【老孟Flutter】Flutter 中与平台相关的生命周期

老孟导读:关于生命周期的文章共有2篇,一篇(此篇)是介绍Flutter中Stateful组件的生命周期。第二篇是Flutter中与平台相关的生命周期,博客地址:http://laomengit.com/blog/20201227/%E7%9B%B8%E5%85%B3%E5%B9%B3%E5%8F%B0%E7%9A%84%E7%94%9F%E5%91%BD%E5%91%A8%E6%9C%9F.html博客中还有更多精彩文章,也欢迎加入Flutter交流群。此篇文章所说的生命周期与StatefulWidget组件的生命周期是不同的,这里平台相关的生命周期指的是特定平台相关操作所产生的生命周期,比如

【老孟Flutter】为什么 build 方法放在 State 中而不是在 StatefulWidget 中

老孟导读:此篇文章是生命周期相关文章的番外篇,在查看源码的过程中发现了这一有趣的问题,欢迎大家一起探讨。Flutter中Stateful组件的生命周期:http://laomengit.com/blog/20201227/Stateful%E7%BB%84%E4%BB%B6%E7%94%9F%E5%91%BD%E5%91%A8%E6%9C%9F.htmlFlutter中与平台相关的生命周期:http://laomengit.com/blog/20201227/%E7%9B%B8%E5%85%B3%E5%B9%B3%E5%8F%B0%E7%9A%84%E7%94%9F%E5%91%BD%E5%9

【老孟Flutter】2021 年 Flutter 官方路线图

老孟导读:这是官方公布的2021年路线图,向我们展示了2021年Flutter的主要工作及计划。原文地址:https://github.com/flutter/flutter/wiki/Roadmap。NullsafetyFlutter将支持Dart的soundnullsafety(空安全),并将插件和软件包生态系统的迁移扩展到支持空安全,包括Flutter团队直接维护的软件包和插件。在此过程中,Flutter团队计划提供迁移工具,示例和文档,以帮助迁移现有代码。Nullsafety已经发布了beta版本,2021年将会迁移到稳定版本,此特性有效的避免了空指针异常,kotlin和swift中都

【老孟Flutter】源码分析系列之InheritedWidget

老孟导读:这是2021年源码系列的第一篇文章,其实源码系列的文章不是特别受欢迎,一个原因是原理性的知识非常枯燥,我自己看源码的时候特别有感触,二是想把源码分析讲的通俗易懂非常困难,自己明白和让别人听懂完全是两回事。不过我依然会坚持Flutter源码系列的文章,提高自己的技术水平的同时,也希望大家收获一些知识。为了使源码系列的文章不那么枯燥,文章中会有很多流程图,流程图比纯文字更直观,一图胜千言。我也是第一次写源码系列的文章,如果文章哪里有不对的地方请告诉我,虽然我也不一定听😄,开个玩笑。希望大家来个赞,您的赞是我写下去的巨大动力😄。所有源码系列文章都会分享到我个人博客:http://laome