Pictool

Pictool Browser

util.getImageBySrc

  • param imgSrc {string}
  • return Promise<HTMLImageElement>
const imgSrc = './assets/image/test.jpg';

Pictool.browser.util.getImageBySrc(imgSrc).then(function(img) {
  document.getElementById('J_Example_02').appendChild(img);
}).catch((err) => {
  console.log(err);
});

util.getImageDataBySrc

util.getImageDataBySrc

  • param imgSrc {string}
  • return Promise<ImageData> ImageData
const imgSrc = './assets/image/test.jpg';

Pictool.browser.util.getImageDataBySrc(imgSrc).then(function(imgData) {
  document.getElementById('J_Example_03').innerHTML = `
    <code>
      ${JSON.stringify(imgData)}
    </code>
  `;
}).catch((err) => {
  console.log(err);
});

util.compressImage

`

  • param img {HTMLImageElement}
  • param options {object}
    • options.type {string} image/png, image/jpeg or image/webp
      • default image/png
    • options.encoderOptions {number} [0, 1]
      • default 1
  • return string
const compressImage =  Pictool.browser.util.compressImage;
const options = {
  type: 'image/jpeg',  encoderOptions: 0.1
}
const compressImgSrc = compressImage(img, options);
document.getElementById('J_Example_04').innerHTML = `<img src="${compressImgSrc}">`;

util.imageData2Base64

  • param imgData {ImageData}
  • return string
const base64 = Pictool.browser.util.imageData2Base64(imgData)

document.getElementById('J_Example_05').innerHTML = `<img src="${base64}">`;

util.imageData2DigitImageData

  • param imgData {ImageData}
  • return imgData {DigitImageData} DigitImageData
const digitImg = Pictool.browser.util.imageData2DigitImageData(imgData)

util.digitImageData2ImageData

  • param imgData {DigitImageData} DigitImageData
  • return imgData {ImageData}
const imgData = Pictool.browser.util.imageData2DigitImageData(digitImg)

Sandbox

  • options imgSrc {string}
  • method queueProcess
    • param opts {array}
      • {process: string, options: any}
      • process // TODO
      • options // TODO
    • return Promise<string>
const sandbox = new Pictool.browser.Sandbox(imgSrc);
const opts = [
  {
    process: 'sobel',
    options: {},
  },
  {
    process: 'invert',
    options: {},
  }
]

sandbox.queueProcess(opts).then(function(base64) {
  document.getElementById('J_Example_06').innerHTML = `<img src="${base64}" />`;
}).catch(function(err) {
  console.log(err);
});

← Digit Base →