質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.50%
canvas

HTML5の<canvas>要素用のタグです。CanvasはHTML5から導入された、二次元の図形描写が可能な要素です。

Q&A

1回答

2071閲覧

トリミングができない

th3

総合スコア38

canvas

HTML5の<canvas>要素用のタグです。CanvasはHTML5から導入された、二次元の図形描写が可能な要素です。

0グッド

0クリップ

投稿2016/02/16 05:46

任意の画像から特定の範囲のトリミングをしているのですが、ぜんぜんトリミングされないです。エラーも出てないので、文法はあっているとは思うのですが…
よろしくお願いします

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>canvas</title> <script type="text/javascript"></script> <script type="text/javascript" src="canvas.js"></script> </head> <body> <script type="text/javascript"> onload = function() { draw(); }; function draw() { var canvas = document.getElementById('c1'); if ( ! canvas || ! canvas.getContext ) { return false; } var ctx = canvas.getContext('2d'); var img = new Image(); img.src = "/test/first.jpg" + new Date().getTime(); img.onload = function() { ctx.drawImage(img, 100, 80, 50, 40, 80, 60, 150, 120); } } </script> </body> </html>

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

orange0190

2016/02/16 05:50

<canvas>タグがありませんが、書き忘れですか?
th3

2016/02/16 06:00

調べてみます
guest

回答1

0

canvasタグがなかったり、いろいろおかしいんで、ここらへんをさんこーにかきなおしてください
https://qiita.com/mo49/items/e62ddfc50762774fe2dd

投稿2019/03/16 18:46

退会済みユーザー

退会済みユーザー

総合スコア0

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだベストアンサーが選ばれていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.50%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問