3

私は今日、Jquery でオペラによってスローされたエラーを表示するために来ました。

colourpixel = $('#colour').css('background-color').match(/^rgb\((\d+),\s*(\d+),\s*(\d+)\)$/);//["rgb(0, 70, 255", "0", "70", "255"]

var canvas = document.createElement('canvas');
canvas.height=190;
canvas.width=190;
canvascontext = canvas.getContext("2d");
defaultdata = $('#light').get(0).getContext("2d").getImageData(0,0,190,190);
canvascontext.putImageData(defaultdata,0,0);

canvascontext.globalCompositeOperation = 'destination-atop';
canvascontext.fillStyle='rgb( '+colourpixel[1]+', '+colourpixel[2]+', '+colourpixel[3]+')';

そして、これがオペラによってスローされるエラーです:

Uncaught exception: TypeError: Cannot convert 'colourpixel' to object  
Error thrown at line 157, column 1 in setColor(x, y) in   file://localhost/home/angelus/Desarrollo/webs/ColorP/functions.js:  
    canvascontext.fillStyle='rgb( '+colourpixel[1]+', '+colourpixel[2]+',   '+colourpixel[3]+')';
called from line 61, column 2 in <anonymous function>(event) in file://localhost/home/angelus/Desarrollo/webs/ColorP/functions.js:
    setColor(x,y);
called from line 55, column 294 in <anonymous function: handle>(a) in file://localhost/home/angelus/Desarrollo/webs/ColorP/jquery.min.js:
    i=i.handler.apply(this,arguments);
called via Function.prototype.apply() from line 49, column 569 in <anonymous function: o>() in file://localhost/home/angelus/Desarrollo/webs/ColorP/jquery.min.js:
    return typeof c!=="undefined"&&!c.event.triggered?c.event.handle.apply(o.elem,arguments):w

配列のようなオブジェクトを作成しようとしました ( var colorpixel = new Array(); ) が、何も実行されません。

前もって感謝します！

4

1 に答える 1

1

この色の状況をまったく扱っていないため、最善の修正方法はわかりませんが、問題は次のとおりです。

オペラでは、スタイルを として設定するとrgb(...)、たとえば次のようになります。

<div id="colour" style="background-color: rgb(0, 70, 255);">​

ほとんどのブラウザで$('#colour').css('background-color')は : が得られますが"rgb(0, 70, 255)"、Opera ではそうでは"#0046ff"ありcolourpixelませnullん。これにより、エラーが発生するのと同じようにエラーが発生しますnull[1]。

これを実証するための簡単なテストを次に示します。他の主要なブラウザー、次に Opera でテストします。

于 2010-10-10T11:12:06.367 に答える