Question

我要做的是在我的网站上的表单中捕获用户的签名。目前我已成功将signature-pad jQuery plugin添加到我的表单中，并且我看到画布签名的JSON从网页发送到我的服务器：

Started PUT "/participant_user_reg_forms/2" for 127.0.0.1 at 2013-10-23 19:06:59             -0500
Processing by ParticipantUserRegFormsController#update as HTML
  Parameters: {"utf8"=>"✓", "authenticity_token"=>"CLNbopTBxiLI7WIRNanL9KOtGpAy1
iLjxFGy00nP750=", "participant_user_reg_form"=>{"firm_name"=>"", "user_name"=>"",
"address"=>"", "city"=>"", "state"=>"", "country"=>"", "zip_code"=>"", "email"
=>"", "phone"=>"", "fax"=>"", "question_1"=>"4", "answer_1"=>"", "question_2"=>"
5", "answer_2"=>"", "date_of_birth"=>"", "ssn"=>""}, "output"=>"[{\"lx\":69,\"ly
\":13,\"mx\":69,\"my\":12},{\"lx\":68,\"ly\":12,\"mx\":69,\"my\":13},{\"lx\":67,
\"ly\":12,\"mx\":68,\"my\":12},{\"lx\":66,\"ly\":12,\"mx\":67,\"my\":12},{\"lx\"
:65,\"ly\":12,\"mx\":66,\"my\":12}, ... ETC ...

在我的表单控制器中，我捕获“output”参数并尝试将其解析为图像，如下所示：

if !params[:output].nil?
  @participant_user_reg_form.signature = addSignature(params[:output])
end
...
def addSignature(data)
    require 'open3'
    instructions = JSON.parse(data).map { |h| "line #{h['mx'].to_i},#{h['my'].to_i} #{h['lx'].to_i},#{h['ly'].to_i}" } * ' '
    tempfile = Tempfile.new(["signature", '.png'])
    Open3.popen3("convert -size 298x55 xc:transparent -stroke blue -draw @- #{tempfile.path}") do |input, output, error|
        input.puts instructions
    end
    return tempfile
end

我得到了这段代码，用于将JSON转换为来自here的图像，这是在rails服务器端转换的ruby下的签名板网站上推荐的。

问题在于，当我去查看已保存的签名（在默认的paperclip目录中 - ：rails_root / public / system /：class /：attachment /：id_partition /：style /：filename）时，我发现空png图像（带有0字节数据的png图像）。

我认为转换不起作用但我不了解/了解转换代码以了解其是否正常运行。或者，我愿意以其他方式保存在画布上生成的签名（例如使用chunky_png）但我无法找到任何描述或显示如何从画布到回形针图像的转换的良好信息/代码。

Answer 1

请使用此链接获取相关说明：http://www.hak9.com/ruby-rails-generate-image-signature-pad-jquery-plugin-upload-amazon-s3-using-carrierwave/

麻烦将Signature-Pad的JSON转换为Paperclip图像（Ruby on Rails）

1 个答案: