从剪贴板粘贴图片

发表于 2014-10-29 更新于 2019-06-07

部分浏览器支持直接从剪贴板粘贴图片到HTML编辑器内，不同浏览器处理方式有差异。

chrome

document.onpaste = function(event){
  var items = (event.clipboardData || event.originalEvent.clipboardData).items;
  console.log(JSON.stringify(items)); // will give you the mime types
  var blob = items[0].getAsFile();
  var reader = new FileReader();
  reader.onload = function(event){
    console.log(event.target.result)}; // data url!
    reader.readAsDataURL(blob);
    //upload to the server here.....................
}

Firefox

firefox粘贴比较简单，直接贴出来的是base64后的代码, 例如：

1	<img src="data:image/png;base64,iVBORw0KGgoAAAAN..................................." />

避开Android警告'Nested weights are bad for performance'

发表于 2014-10-18 更新于 2019-06-07

Eclipse 提示Warning “Nested weights are bad for performance”

原因很简单：父子元素都使用了 android:weight=1属性。

最好的解决办法，不要嵌套使用android:weight属性。可以通过RelativeLayout布局替代LinearLayout布局来改善原有代码。 RelativeLayout的layout_toRightOf , layouttoLeftOf等一起用可以达到充满剩余空间的效果。

如果使用RelativeLayout仍旧无法达到效果，想不显示waring可以：

add to the root of your layout: xmlns:tools=”http://schemas.android.com/tools”. Then in your buttons add tools:ignore=”NestedWeights”

另外tools:ignore=”UselessParent”可以去掉提示两级元素多余（This LinearLayout layout or its FrameLayout parent is possibly useless; transfer the background attribute to the other view）的警告。

Reference: http://stackoverflow.com/questions/19636323/nested-weights-are-bad-for-performance-in-my-xml-code

使用SystemUiHider时，全屏的Layout必须加android:keepScreenOn=”true”属性，非全屏模式下的空间增加android:fitsSystemWindows=”true”不可颠倒，错误可能会出现非全屏模式下控件布局占用android占用系统虚拟键位置导致被遮挡的现象

用google ZXing生成二维码、一维码的小例子

发表于 2013-10-16 更新于 2019-06-07

用google ZXing生成二维码、一维码的小例子

pom 依赖

增加依赖

<dependency>
  <groupId>com.google.zxing</groupId>
  <artifactId>core</artifactId>
  <version>3.3.3</version>
</dependency>
<dependency>
  <groupId>com.google.zxing</groupId>
  <artifactId>javase</artifactId>
  <version>3.3.3</version>
</dependency>

java 代码

import com.google.zxing.BarcodeFormat;
import com.google.zxing.EncodeHintType;
import com.google.zxing.MultiFormatWriter;
import com.google.zxing.client.j2se.MatrixToImageWriter;
import com.google.zxing.common.BitMatrix;
import com.google.zxing.qrcode.decoder.ErrorCorrectionLevel;

import java.io.FileOutputStream;
import java.util.Hashtable;

/**
 * 创建二维码、一维码的例子
 */
public class Qrcode {

    public static void main(String[] args) throws Exception {
        createBarCode("012341");
        createQrCode("http://www.163.com");
    }

    /**
     * 创建二维码
     * @param content
     * @throws Exception
     */
    private static void createQrCode(String content) throws Exception{
        String format = "png";
        MultiFormatWriter multiFormatWriter = new MultiFormatWriter();
        Hashtable<EncodeHintType, Object> hints = new Hashtable<EncodeHintType, Object>();
        hints.put(EncodeHintType.CHARACTER_SET, "utf-8");
        hints.put(EncodeHintType.ERROR_CORRECTION, ErrorCorrectionLevel.H);// 设置二维码排错率，可选L(7%)、M(15%)、Q(25%)、H(30%)
        hints.put(EncodeHintType.MARGIN, 10);
        BitMatrix bitMatrix = multiFormatWriter.encode(content, BarcodeFormat.QR_CODE, 300, 300, hints);

        FileOutputStream fos = new FileOutputStream("target/qrcode.png");
        MatrixToImageWriter.writeToStream(bitMatrix, format, fos);
        fos.close();
    }



    /**
     * 一维条码
     * @param text
     * @throws Exception
     */
    private static void createBarCode(String text) throws Exception{
        String format = "png";
        Hashtable hints= new Hashtable();
        hints.put(EncodeHintType.CHARACTER_SET, "utf-8");

        String content = "http://www.163.com";
        BitMatrix bitMatrix = new MultiFormatWriter().encode(content, BarcodeFormat.CODE_128, 300, 80, hints);

        FileOutputStream fos = new FileOutputStream("target/barcode.png");
        MatrixToImageWriter.writeToStream(bitMatrix, format, fos);
        fos.close();
    }
}

java生成图片的例子

发表于 2013-09-06 更新于 2019-06-07

用Java生成图片，在图上叠加图，图上写字的例子

import javax.imageio.ImageIO;
import java.awt.*;
import java.awt.image.BufferedImage;
import java.io.File;

public class ImageDrawer {

    public static void main(String[] argvs) throws Exception {
        //获取一张图片做底图
        BufferedImage bg = ImageIO.read(ImageDrawer.class.getClassLoader().getResourceAsStream("bg.jpg"));

        Graphics2D g = bg.createGraphics();

        //设置字体/颜色
        Font font = new Font("微软雅黑", Font.PLAIN, 50);
        g.setFont(font);
        g.setColor(Color.BLACK);

        g.drawString("文字", 200, 150);

        //把另外一个图描画在底图上
        BufferedImage img = ImageIO.read(ImageDrawer.class.getClassLoader().getResourceAsStream("icon.jpg"));
        //这个方法画全图，按照后两个参数设置的宽高缩放
        g.drawImage(img, 200, 200, 100, 100, null);

        //截取图片的一部分
        BufferedImage subImg = img.getSubimage(70, 70, 120, 120);
        g.drawImage(subImg, 20, 20, 60, 60, null);

        //保存图片
        ImageIO.write(bg, "jpeg", new File("target/newimg.jpg"));
    }
}

IOS Safari保存到桌面功能

发表于 2013-08-07 更新于 2019-06-07

页面上HTML的头部一些信息会影响此功能的使用。

是否全屏模式webapp

1	<meta name="apple-mobile-web-app-capable" content="no">

如果content=”yes”，则在一个无地址栏、无菜单的浏览器中打开，如果是纯JS的应用，用这种模式比较好。默认值为no。如果为no，或不写，则会在safari中打开。

全屏模式下：<a href=”xxx.html”>click me</a> 之类的链接会导致打开新的Safari窗口，如果不想打开新窗口，用Javascript代替。
Javascript的 Window.open 不会打开新窗口，只会替换当前窗口的URL。

每次重新点击图标，会启动不同的session和服务器连接。

图标

1 2	<link rel="apple-touch-icon" href="/webapplogo.png" /> <link rel="apple-touch-icon-precomposed" href="/webapplogo.png" />

有precomposed，不加反光效果，无的会自动增加。另外还可以设置sizes=”57×57″、sizes=”114×114″、sizes=”72×72″、sizes=”144×144″ 来对应iphone、ipad、视网膜屏幕、非视网膜屏等不同设备。也可只设置一个让IOS自动缩放。

启动等待图片

1	<link rel="apple-touch-startup-image" href="/startup.png">

详细信息可参考： IOS 手册