私はmacを使用しており、クロムを18.0.1025.142に更新しています。 今私は奇妙な問題があります。ほとんどの場合(必ずしも奇妙ではない)、メソッドcontext.createPattern()は機能せず、ビットマップ塗りつぶしの代わりに黒色で塗りつぶします。キャンバス、クロムのcreatePatternバグ18
0
A
答えて
0
はい、これは問題である:http://code.google.com/p/chromium/issues/detail?id=113592
私はまだあまりにも私のプロジェクトの一時的な解決策を探しています。
0
Google ChromeとOperaでよく発生する問題です。この場合、キャンバスのすべてのスクリプトを含む関数を作成し、この関数でイメージパターンを作成する必要があります。次に、window.onloadイベントまたは任意のイベントで関数を呼び出す必要がある場合、画像creatPattern()がうまく動作すると思います。例に沿って理解してみてください。
<!DOCTYPE html>
<html>
<body>
<p>Image to use:</p>
<img src="img_lamp.jpg" id="lamp" width="32" height="32">
<p>Canvas:</p>
<canvas id="myCanvas" width="300" height="150" style="border:1px solid #d3d3d3;">
Your browser does not support the HTML5 canvas tag.</canvas>
<script>
window.onload = draw;
function draw() {
var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
ctx.clearRect(0, 0, c.width, c.height);
var img = document.getElementById("lamp")
var pat = ctx.createPattern(img, "repeat");
ctx.rect(0, 0, 150, 100);
ctx.fillStyle = pat;
ctx.fill();
}
</script>
</body>
</html>
ここにあなた自身のjpgまたはpngを使用してください...お楽しみください!
関連する問題
- 1. キャンバスから「DOM Exception 18」
- 2. クロムのCSSのバグ?
- 3. textarea nowrapクロムのバグ?
- 4. クロムのキャンバスのローカル画像
- 5. キャンバスのlineWidthバグですか?
- 6. Chrome 18Dev +。 Html5キャンバス 'createPattern'はイメージを右に描画できません
- 7. このWebKitのバグはChrome 18で修正されました。
- 8. キャンバスでの回転とキャッシングのバグ
- 9. HTML5 - createPattern(..) - 動的位置(x、y)
- 10. クロムとサファリjQueryの.clickと.cssのアンカー色のバグはありますか?
- 11. jQuery mobile - DOM Exception 18
- 12. 3 * 8 = 18 in C++
- 13. Firebase Rest APIステータスコード18
- 14. 関数 "person.Age> 18"で "Age"、 ">"、 "18"を変換する
- 15. HTML5キャンバス描画基本線。それはバグですか?
- 16. SECURITY_ERR:openDatabaseのDOM例外18
- 17. 奇妙なバグ、私は特定のページに取り組んでいるクロム
- 18. クロムを除くクロム
- 19. "Mon Jun 18 00:00:00 IST 2012"への変換の手順:18/06/2012?
- 20. Chrome 18の小キャンバスの制限を処理するにはどうすればよいですか?
- 21. PhoneGap iOS + DOM例外18
- 22. SECURITY_ERR:DOM例外18がONLYサファリ
- 23. 18サイト正確な位置
- 24. クロム
- 25. クロム
- 26. html5キャンバスのキャンバス
- 27. Firefoxの18ブレイクのMooToolsは1.2.5セレクタエンジン
- 28. iOS UIWebView DOM Exception 18のトラブルシューティング方法
- 29. Google Map Google Chromeの青色18 Beta
- 30. クロムのタブホバーイベント