0

私ができるようにしたいのは、透明な背景を失うことなく、目的のカラーコードを入力するだけで、単色の png を別の色に動的に変更することです。私が見た実装は少しずさんな傾向があるので、実装方法について誰かアドバイスをもらえないかと思っていました。

私は PHP ソリューションに最も満足していますが、Python も機能します。良いキャンバス ソリューションを使用することさえできます。これに関するアドバイス/例は大歓迎です、ありがとう。

4

3 に答える 3

2

簡単なキャンバスの実装を次に示します。

colorize = function(image, r, g, b) {

    var newImg = $('<canvas>')[0];
    newImg.width = image.width;
    newImg.height = image.height;
    var newCtx = newImg.getContext('2d');
    newCtx.drawImage(image, 0, 0);

    var imageData = newCtx.getImageData(0, 0, image.width, image.height);
    data = imageData.data;
    for (var i = 0; i < data.length; i += 4) {
        data[i+0] = r;
        data[i+1] = g;
        data[i+2] = b;
    }
    newCtx.putImageData(imageData, 0, 0);

    return newImg;
};

JSFiddle: http://jsfiddle.net/bK7P9/6/

于 2012-11-02T00:42:51.730 に答える
1

Python でPILとnumpyを使用してこれを行うことができます。NewSolidImageメソッド(以下で定義します)があると仮定すると、画像をピクセルの配列に変換し、メソッドを使用してピクセルを変換し、新しいファイルに保存できます。

import numpy
from PIL import Image

def CreateNewImage(current_filename, new_filename, new_color):
  image = Image.open(current_filename)
  image_values = numpy.array(image)

  new_image_values = NewSolidImage(image_values, new_color)
  new_image = Image.fromarray(new_image_values)

  new_image.save(new_filename)

次に、このメソッドを定義します。単純に配列を取得し、それが期待どおりの形状であることを確認してから、100% 透明ではないピクセルに、渡されたソリッドの値に赤、緑、青の値を設定します。

def NewSolidImage(rgba_array, new_color):
  new_r, new_g, new_b = new_color

  rows, cols, rgba_size = rgba_array.shape
  if rgba_size != 4:
    raise ValueError('Bad size')

  for row in range(rows):
    for col in range(cols):
      pixel = rgba_array[row][col]
      transparency = pixel[3]
      if transparency != 0:
        new_pixel = pixel.copy()
        new_pixel[0] = new_r
        new_pixel[1] = new_g
        new_pixel[2] = new_b

        rgba_array[row][col] = new_pixel

  return rgba_array
于 2012-11-02T00:55:33.083 に答える
1

通常、私は RGB カラー スペースで作業するのが好きですが、これは HLS が非常にうまく機能するケースです。Python での変換は単純で、H と S を置き換え、L は同じままにします。

import colorsys
from PIL import Image

def recolor(im, r, g, b):
    h, l, s = colorsys.rgb_to_hls(r/255.0, g/255.0, b/255.0)
    result = im.copy()
    pix = result.load()
    for y in range(result.size[1]):
        for x in range(result.size[0]):
            r2, g2, b2, a = pix[x, y]
            h2, l2, s2 = colorsys.rgb_to_hls(r2/255.0, g2/255.0, b2/255.0)
            r3, g3, b3 = colorsys.hls_to_rgb(h, l2, s)
            pix[x, y] = (int(r3*255.99), int(g3*255.99), int(b3*255.99), a)
    return result

recolor(im_flag, 255, 0, 0).save(r'c:\temp\red_flag.png')

オリジナル (255,0,0) の結果

于 2012-11-02T03:21:26.077 に答える