android 在HTML中显示bitmap

最新推荐文章于 2024-05-01 10:11:42 发布
最新推荐文章于 2024-05-01 10:11:42 发布
阅读量681 收藏 1
点赞数
文章标签： 移动开发 c# javascript ViewUI

逻辑：将bitmap转化为Base64,通过调用HTML中的JS，显示到HTML中

 

（1）android代码

 

  1. public String bitmaptoString(Bitmap bitmap) {  
  2.         // 将Bitmap转换成Base64字符串  
  3.         StringBuffer string = new StringBuffer();  
  4.         ByteArrayOutputStream bStream = new ByteArrayOutputStream();  
  5.           
  6.         try {  
  7.             bitmap.compress(CompressFormat.PNG, 100, bStream);  
  8.             bStream.flush();  
  9.             bStream.close();  
  10.             byte[] bytes = bStream.toByteArray();  
  11.             string.append(Base64.encodeToString(bytes, Base64.NO_WRAP));  
  12.         } catch (IOException e) {  
  13.             e.printStackTrace();  
  14.         }  
  15.         System.out.println("string.."+string.length());  
  16.         return string.toString();  
  17.     }

   

    Bitmap bitmap = ....;  //获取bitmap对象

    webView.loadUrl("javascript:onSaveCallback('data:image/png;base64," + bitmaptoString(bitmap)  + "')");    调用JS显示

 

  （2）Html代码

   

　　<html>
　　<head>
　　　　<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

　　　　<script type="text/javascript">

　　　　　　function onSaveCallback(src){
　　　　　　　　window.hui.showMessage(src);
　　　　　　　　document.getElementById("test").src = src;
　　　　　　}

　　　　</script>

　　</head>
　　<body>
　　　　<img id="test" src=""  οnclick=""/>
　　</body>
　　</html>

weixin_33972649
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
html绘制位图,Canvas 绘制位图图像 ImageBitmap
weixin_33154775的博客
07-14 1381
在 Canvas 图像来源 CanvasImageSource 章节中我们有提到可以使用 ImageBitmap 作为 drawImage() 的图像来源ImageBitmapImageBitmap 是什么呢？ImageBitmap 是一个高性能的位图，可以低延迟地绘制，它可以从前几章节中学到的所有源以及其它几种源中生成什么意思呢？也就是说，ImageBitmap 可以从一张图片，比如 png,j...
bitmap（位图）
chenxucx的博客
04-23 782
1.什么是位图？来自于《编程珠玑》。所谓的Bit-map就是用一个bit位来标记某个元素对应的Value， 而Key即是该元素。由于采用了Bit为单位来存储数据，因此在存储空间方面，可以大大节省。比如： 申请一个int型的空间，则有4Byte，32bit。输入1，2 , 3 ,4 0000 0000 0000 0000 0000 0000 0000 0000 输入1 0000
android替换html为本地图片,android手写签名遇见bitmap黑屏和本地html插入签名图片...
weixin_32964881的博客
05-26 205
项目需求 ：Android 展示Html保单模版页面， 类似于这种界面屏幕快照 2017-11-07 下午4.02.11.png然后调用签名(其实就一个绘画的窗口)，签上你的大名，点击确定。展示签名图片。然后把图片中签字后面的signCustName替换成签名图片。Screenshot_20171107-160916.pngScreenshot_20171107-160940.pngScreens...
html位图播放,将位图添加到HTML
weixin_42395823的博客
06-10 195
我有一个ASP.NET Web窗体。这个Web表单有一个生成一些HTML的事件处理程序。该HTML基于时间，这就是为什么它是在事件处理程序中创建的。根据一天中的时间，通过下面的方法以编程方式创建的图像：将位图添加到HTMLprivate Bitmap GetImageForTime(DateTime time){Bitmap bitmap = new Bitmap();// Dynamically...
【Android Bitmap】Bitmap解析与应用
最新发布
2301_76278747的博客
05-01 878
该颜色过滤器通过矩阵进行色彩变换，先来介绍一下色彩矩阵，Android中的色彩是以ARGB的形式存储的，我们可以通过ColorMatrix修改颜色的值，ColorMatrix定义了一个4x5的float矩阵，矩阵的4行分别表示在RGBA上的向量，其范围值在0f-2f之间，如果为1就是原效果。这也解释了为什么第一张图的CLEAR模式下的结果是空白的，因为SRC的大小是整个View的大小，CLEAR模式表示清除SRC区域的内容，最终将整个View的内容清除了。Demo代码如下，可以看到。
浅谈混合开发与Android,JS数据交互
刘旭
05-05 7244
本文是作者原创,如转载请注明出处!一.概论 现在时代已经走过了移动互联网的超级火爆阶段,市场上移动开发人员已经趋于饱和,显然,只会原生APP的开发已不能满足市场的需求,随着H5的兴起与火爆,H5在原生APP中的使用越来越广泛,也就是我们常说的混合开发(Hybrid APP).最新很火的微信小程序相信大家都是知道的,实际上微信小程序加载的界面就是一个HTML5的界面,HTML5界面在一些电商类的AP
在Android TextView中显示图片的4种方式详解
08-27
在Android开发中，TextView通常用于展示文本内容，但有时我们可能希望在文本中插入图片以增强视觉效果或提供更丰富的信息展示。本文将详细讲解如何在TextView中显示图片的四种方法。 1. XML文件中指定属性值 这是最...
Android TextView显示html的demo
03-19
这个“Android TextView显示html的demo”是一个实用的实践案例，可以帮助开发者掌握在不使用WebView的情况下在Android应用中显示HTML内容的技巧。通过深入理解和实践，开发者可以有效地提升应用的用户体验。
Android-TextView-富文本-html图片显示.rar
08-13
总结来说，要在 Android 的 `TextView` 中显示富文本，包括文字和图片，你需要： 1. 准备包含 HTML 格式的字符串。 2. 使用 `Html.fromHtml()` 将 HTML 转换为 `Spanned` 对象。 3. 自定义 `Html.ImageGetter` 来...
详解Android WebView加载html片段
08-29
在上面的代码中，我们使用getHtmlData方法将html字符串封装成一个完整的html页面，然后将其加载到WebView中。 getHtmlData方法的实现如下： private String getHtmlData(String bodyHTML) { String head = ...
Android的TextView中显示图片和图像的方法
03-25
在Android开发中，TextView是用于显示文本的基本组件。然而，除了文字之外，有时我们还需要在TextView中嵌入图片或图像，以实现更丰富的用户界面。本文将详细介绍如何在Android的TextView中显示图片和图像。 首先，...
Javascript的bitmap处理库jsBitmap.zip
07-18
基于Javascript的bitmap处理，并且将位图输出为base64编码以便于浏览器进行显示。   一、Bitmap.create(width, height, bgcolor)     创建一个width x height像素大小的位图，底色为bgcolor所代表的颜色。     如：bitmap.create(10, 10, 0xff0000); // 创建一个10 x 10像素的底色为红色的位图 二、Bitmap.toBase64()     将位图输出为base64编码的带datauri头（data:image/bmp;base64,）的字符串，以便于在浏览器里显示。     如：document.getElementById('img1').src = bitmap.toBase64(); 三、Bitmap.fromBase64()     自图像的BASE64编码中恢复位图数据，目前只支持24位色的BMP位图数据。     如：bitmap.fromBase64('Qk06AAAAAAAAADYAAAAoAAAAAQAAAAEAAAABABgAAAAAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=='); 四、Bitmap.setBitmapBytes(val, idx, length)     修改bitmap位图数据的第idx位置起的length字节为val值。 五、Bitmap.getBitmapBytes(idx, length)     获取bitmap位图数据的第idx位置起的length个字节的值，返回值为数组。 六、Bitmap.setHeaderValue(attribute, headerValue)     设置attribute头属性的值为headerValue，attribute必须为BitMapFormat的成员属性，需要提供offset、length等属性值。     如：bitmap.setHeaderValue(BitmapFormat.biWidth, 500); // 设置位图的宽度为500像素值 七、Bitmap.getHeaderValue(attribute)     获取位图attribute头属性的值，attribute必须为BitmapFormat的成员属性，需要提供offset、length等属性值，返回的是经过Endian转换后的实际整数值。 八、Bitmap.setPixel(x, y, color)     设置位图的(x, y)位置的像素值为color。 九、Bitmap.getPixel(x, y)     获取位图的(x, y)位置的RGB值，返回的内容为[ rr, gg, bb ]的数组内容 标签：jsBitmap
excel表格怎么转换成pdf格式？分享方法给大家
chongdan6077的博客
04-22 770
职场、办公时候经常需要处理到PDF、Excel、Word、PPT等文件格式，难免会需要将文件进行相互转换，这也是比较常见的； 为了防止自己的文件内容被随意修改或者复制，在发送相应文件的时候需要转换成PDF格式，将excel文件转换成PDF可以避免自己编辑过程一些信息被他人看到。下面将方法分享...
高效的显示bitmap
珊瑚瞧的专栏
07-24 1100
学习应该使用怎样的通用技术处理和加载bitmap对象来保持UI响应灵敏避免超过应用内存限制。如果不小心使用，bitmap会很快消耗掉可用的内存导致应用内存溢出的crashjava.lang.OutofMemoryError: bitmap size exceeds VM budget. 有很多原因导致在Android应用中加载bitmap非常棘手： 移动设备系统资源有限。Android设备一个应用只
android studio中如何显示bitmap图片
05-21
你可以使用ImageView来在Android Studio中显示位图图片。首先，将位图加载到内存中。这可以通过BitmapFactory类中的decodeFile方法来完成。例如，以下代码将加载名为"myImage.jpg"的图片并将其存储在一个名为"myBitmap"的变量中： ``` Bitmap myBitmap = BitmapFactory.decodeFile("myImage.jpg"); ``` 然后，将图像设置为ImageView的源。例如，以下代码将图像设置为名为"myImageView"的ImageView： ``` ImageView myImageView = findViewById(R.id.my_image_view); myImageView.setImageBitmap(myBitmap); ``` 请注意，这假设您已经在布局文件中定义了一个名为"my_image_view"的ImageView。如果没有，请在布局文件中添加一个ImageView元素，并使用android:id属性为其指定一个唯一的ID。例如： ``` <ImageView android:id="@+id/my_image_view" android:layout_width="wrap_content" android:layout_height="wrap_content" /> ```

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值