草庐IT

flutter-canvas

全部标签

国内常用源开发环境换源(flutter换源,python换源,Linux换源,npm换源)

flutter换源使用环境变量:PUB_HOSTED_URL FLUTTER_STORAGE_BASE_URL,upgrade出问题时可能会提示设置FLUTTER_GIT_URL变量。flutter中国PUB_HOSTED_URL=https://pub.flutter-io.cnFLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cnFLUTTER_GIT_URL=https://github.com/flutter/flutter.git或者FLUTTER_STORAGE_BASE_URL=https://mirrors.tuna.tsi

【前端早早聊直播回顾】Harmony Next 与 Flutter 的不解之缘

Hello大家好,我是FlutterGDE郭树煜,本次要分享的话题是关于鸿蒙与Flutter的故事,可能没接触过的会感觉有点懵,Harmony和Flutter有啥关系,它们怎么会被放到一起讲了呢?接下来就让我们来聊聊这个问题。聊一聊HarmonyNext相信大家应该都听说过,在今年的HDC大会上,华为宣布了Harmony的Next版本,该版本在2023年8月6号已经开始面向合作企业开发者开放,2024年第一季度会面向所有开发者开放,也就是明年开始,HarmonyNext会开始使用全自研内核,去掉了传统的AOSP代码,仅支持鸿蒙内核和鸿蒙系统的应用,官方表示调整将减少了40%的「冗余代码」。所以

uniapp APP端使用html2canvas截图分享小程序卡片图片模糊、跨域等问题解决

项目场景:项目场景:uniapp APP端,分享小程序到微信好友,使用html2canvas截取当前页面做卡片封面图。仅是需要展示部分内容用作卡片封面就可以,不强制需要全屏截图。问题描述问题1、部分页面截取到的图片分享到微信后卡片图片模糊。问题2、截图时报错:Failedtoexecute'toDataURL'on'HTMLCanvasElement':Taintedcanvasesmaynotbeexported。实现方案:APP端html2canvas截图步骤:1、npm方式下载npmihtml2canvas2、引用 html2canvasimporthtml2canvasfrom'htm

flutter 调出键盘和监听输入

调出键盘:voidcallKeyboard(){SystemChannels.textInput.invokeMethodvoid>('TextInput.show');}监听按键:RawKeyboardListener(autofocus:true,onKey:(event){if(event.runtimeType==RawKeyDownEvent){if(event.dataisRawKeyEventDataAndroid){RawKeyEventDataAndroiddatga=event.dataasRawKeyEventDataAndroid;///获取按键键值keycode//_

纯前端--原生js将html页面变成pdf文件(html2canvas+jsPDF)

一、html2canvas–将dom变成图片:下载或者安装html2canvas:官网1、将文档放在本地,用原生js进行引用和使用。①新建一个名为html2canvas.min.js的文件,并且将线上的内容进行复制。②引入js文件://js直接引入--未尝试scripttype="text/javascript"src="XXX/html2canvas.js">/script>//layui使用//首先在html2canvas.js文件中添加exportslayui.define([],function(exports){//复制的内容...exports('html2canvas',html

flutter 与H5交互

主要是flutter内嵌H5页面,之后就是两者之间的交互  flutter:webview_flutter4.2.2  H5:uniapp1、flutter向H5传参//在flutter中的web页面,可在onPageFinished中向H5进行传参onPageFinished:(Stringurl)async{WebViewController.runJavaScript("window.postMessage({type:'sendDataToH5',data:'HelloH5!'})");},//H5端接收参数,可在mounted中声明使用window.addEventListener(

node.js - 如何使用 MSVC10 编译器在 x64 窗口的 Node Canvas 中启用 jpeg 支持?

我需要在nodejs服务器端渲染jpeg图像。我安装Canvasnpm模块使用以下构建说明:https://github.com/Automattic/node-canvas/wiki/Installation---Windows我有手册中提到的C:\libjpeg-turbo\。如果我这样做:npminstallcanvas然后这段代码不会启动onload:vardata=fs.readFileSync("./t.jpg");varimg=newImage();img.onload=function(){console.log("onload");};img.src=data;(它适

Flutter Set存储自定义对象时 如何保证唯一

在Flutter中,Set和List是两种不同的集合类型,List中存储的元素可以重复,Set中存储的元素不可重复。如果你想在Set中存储自定义对象,你需要确保对象的唯一性。这可以通过在自定义类中实现hashCode方法和equals方法来实现。hashCode方法用于返回对象的哈希码,这是一个整数。在自定义类中,需要覆盖hashCode方法以确保相等的对象具有相同的哈希码。equals方法用于比较两个对象是否相等。在自定义类中,需要覆盖equals方法以确保相等的对象返回true。下面是一个示例自定义类Person,它实现了hashCode和equals方法:classPerson{fina

Flutter 第三方 flutter_screenutil(屏幕适配)

一直觉得自己写的不是技术,而是情怀,一个个的教程是自己这一路走来的痕迹。靠专业技能的成功是最具可复制性的,希望我的这条路能让你们少走弯路,希望我能帮你们抹去知识的蒙尘,希望我能帮你们理清知识的脉络,希望未来技术之巅上有你们也有我。推荐一篇写的非常不过的文章:Flutter应用框架搭建(二)屏幕适配安装+导入flutter_screenutil:^5.9.0import'package:flutter_screenutil/flutter_screenutil.dart';举例iPhone12mini初始化初始化-设置参考尺寸1ScreenUtilInitclassMyAppextendsSta

由于flutter_app依赖于flutter_swiper>=0.0.2,不支持零安全,版本解决失败。

 参考dart3.0使用flutter_swiper报错记录flutter_swiperpackage-AllVersions从官网的信息可以看到Dart3版本不兼容最小兼容的DartSDK版本需要2.0FlutterSDK版本列表FlutterSDK版本列表-Flutter中文文档-Flutter中文开发者网站-Flutter说明:因为flutter_swiper不兼容dart版本3.0所以我们使用flutter_swiper_null_safety|FlutterPackage替代它将此包用作库依赖它运行此命令:$flutterpubaddflutter_swiper_null_safet