jsBitmap

Javascript 的 bitmap 处理库
授权协议 MIT
开发语言 JavaScript
所属分类 程序开发、 图形/图像处理
软件类型 开源软件
地区 国产
投 递 者 奚高扬
操作系统 跨平台
开源组织
适用人群 未知
 软件概览

基于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 ]的数组内容

 相关资料
  • 方法介绍 什么是Bit-map 所谓的Bit-map就是用一个bit位来标记某个元素对应的Value, 而Key即是该元素。由于采用了Bit为单位来存储数据,因此在存储空间方面,可以大大节省。 来看一个具体的例子,假设我们要对0-7内的5个元素(4,7,2,5,3)排序(这里假设这些元素没有重复)。那么我们就可以采用Bit-map的方法来达到排序的目的。要表示8个数,我们就只需要8个Bit(1By

  • 最开始接触 bitmap 是在《编程珠玑》这本书上,书中所述的方法有点简单粗暴,不过思想倒是挺好——从信息论的角度来解释就是信息压缩了。即将原来32位表示一个 int 变为一位表示一个 int. 从空间的角度来说就是巨大的节省了(1/32)。可能的应用有大数据排序/查找(非负整数)。核心思想为根据最大非负整数确定位数,对应的位依次排序。 C++ 中有bitset容器,其他语言可用类似方法实现。 I

  • 本文向大家介绍Android Bitmap详解及Bitmap的内存优化,包括了Android Bitmap详解及Bitmap的内存优化的使用技巧和注意事项,需要的朋友参考一下 Android Bitmap详解及Bitmap的内存优化 一、Bitmap: Bitmap是Android系统中的图像处理的最重要类之一。用它可以获取图像文件信息,进行图像剪切、旋转、缩放等操作,并可以指定格式保存图像文件。

  • C++ Bitmap Library 包含一些简单、可靠、优化以及可移植的操作 24位位图的 C++ 处理方法。 主要功能包括: 读写24位位图图像 支持点、行级别的批编辑 使用 byte 和浮点数的颜色转换 高度优化的图像缩放 Various color maps (1000 levels - autumn, copper, gray, hot, hsv, jet, prism, vga, ya

  • 主要内容:位图应用原理,位图常用命令在平时开发过程中,经常会有一些 bool 类型数据需要存取。比如记录用户一年内签到的次数,签了是 1,没签是 0。如果使用 key-value 来存储,那么每个用户都要记录 365 次,当用户成百上亿时,需要的存储空间将非常巨大。为了解决这个问题,Redis 提供了位图结构。 位图(bitmap)同样属于 string 数据类型。Redis 中一个字符串类型的值最多能存储 512 MB 的内容,每

  • 本文向大家介绍Android Bitmap和Drawable的对比,包括了Android Bitmap和Drawable的对比的使用技巧和注意事项,需要的朋友参考一下 Android Bitmap和Drawable的对比 Bitmap - 称作位图,一般位图的文件格式后缀为bmp,当然编码器也有很多如RGB565、RGB888。作为一种逐像素的显示对象执行效率高,但是缺点也很明显存储效率低。我们理

  • 主要内容:本节引言:,1.什么是OOM?为什么会引起OOM?,2.避免Bitmap引起的OOM技巧小结,2)图片压缩,3.及时回收图像,4.其他方法,本节小结:本节引言: 上节,我们已经学习了Bitmap的基本用法,而本节我们要来探讨的Bitmap的OOM问题, 大家在实际开发中可能遇到过,或者没遇到过因为Bitmap引起的OOM问题,本节我们 就来围绕这个话题来进行学习~了解什么是OOM,为什么会引起OOM,改善因Bitmap引起的 OOM问题~ 1.什么是OOM?为什么会引起OOM? 答:O

  • 我是Spring批处理的新手,我只想问如何从多行结果集中检索数据。我有以下场景: > 有两个不同的表说员工 使用时,我只能创建一个工资单子级,但该表可能有多个子级。请帮助...