Javascript
 Computer >> コンピューター >  >> プログラミング >> Javascript

UIWebViewHTML5キャンバスとRetinaディスプレイ

網膜サイズの画像をHTML5キャンバスに配置するには、canvasを使用して次のコードを試してください。

var context = myCanvas.getContext("2d");

context.attr("width", width * window.devicePixelRatio);
context.attr("height", height * window.devicePixelRatio);

context.scale(window.devicePixelRatio, window.devicePixelRatio);
context.drawImage(img, x, y, width, height);

  1. HTML5キャンバス要素を印刷します

    以下は、HTML5キャンバス要素を表示するためのコードスニペットです。 <a href = "javascript:print_voucher()">PRINT CANVAS</a> function print_canvas() {    $("#canvas_voucher").printElement(); } ここでcanvas_voucherはcanvas要素のIDです。これを機能させるには、canvasを.png画像のURLに変換し、新しいブラウザウィンドウで開く必要があります。印刷ダイアログがトリ

  2. HTML5キャンバス変換

    HTML5キャンバスは、変換行列を直接変更できるメソッドを提供します。変換行列は、最初はID変換である必要があります。その後、変換方法を使用して調整できます。 例 キャンバス変換の例を見てみましょう： <!DOCTYPE HTML> <html>    <head>       <script>          function drawShape(){             //