0
私はいくつかの画像操作に取り組んでいます。私は基本的なキャンバスを作ろうとしていますが、今はテキストボックスがあります。テキストを入力するとキャンバス上ですぐに変わるはずです。キャンバスとXとYの位置を記録します。私はどのようにそれを行うのですか？ここでHTML5キャンバスを使って作業する
は私のコードです：
<!DOCTYPE html>
<html>
<head>
<title>HTML5 Canvas</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script type="text/javascript">
var drawLogo = function() {
var canvas = document.getElementById('my_canvas');
var context = canvas.getContext('2d');
context.font = 'italic 40px sans-serif';
context.textBaseline = 'top';
context.fillText('Some text', 60, 0);
};
$(function() {
var canvas = document.getElementById('my_canvas');
if (canvas.getContext) {
drawLogo();
}
});
</script>
</head>
<body>
<canvas id="my_canvas" width="900" height="300">
Fallback content here
</canvas>
<input id="Text1" type="text" />
</body>
</html>