- PR -

JavaScriptの質問/画像の拡大、回転方法

1
投稿者投稿内容
Hilda
常連さん
会議室デビュー日: 2006/02/12
投稿数: 37
投稿日時: 2006-02-27 00:36
はじめまして、初めて書きこみ&質問させていただきます。

JavaScriptの会議室を見つけられなかったので、ここに質問させていただきます。
申し訳ありません。

Safari上で画像の拡大、回転を行うJavaScriptを作成しているのですが、
うまく表示できません。
Safariのver2以上で対応されているCanvasタグを使用し実現させようと考えています。
※Safari上で、別の方法で実現できるのであれば、Canvasタグでなくてもかまいません。
※FireFoxでは実現できたのですが、そのソースはSafariでは動きませんでした。

現在、ためしに拡大処理部分だけを切り出して動作確認しておりますが、
拡大を行ったとき、枠部分のみ大きくなるだけで画像が表示されません・・・。

何かご存知の方がいらっしゃいましたら、ご教授をよろしくおねがいいたします。

動作確認しているバージョンは、Safari Ver 2.0.3です。
ソースは大体こんなかんじです。↓
--------
<script type="text/javascript">
<!--
var sca;
function drawscale()
{
sca++;
canvasObj = document.getElementById("タグ");
conObj = canvasObj.getContext("2d");
imgObj = new Image();
imgObj.src = "画像名.jpg";
imgCanvas.style.width = imgObj.width * sca;
imgCanvas.style.height = imgObj.height * sca;
conObj.drawImage(imgObj,0,0,imgCanvas.style.width,imgCanvas.style.height);
}
// --></script>
<input type=submit value="拡大" OnClick="drawscale()"><br><br>
<canvas id="タグ" style="border:1px black solid">
Hilda
常連さん
会議室デビュー日: 2006/02/12
投稿数: 37
投稿日時: 2006-02-27 13:28
本件を、「リッチクライアント & 帳票 会議室 」へ転記いたしました。
転記先:
http://www.atmarkit.co.jp/bbs/phpBB/viewtopic.php?topic=28788&forum=28&0

(「JavaScriptの質問ですが・・・。」より
http://www.atmarkit.co.jp/bbs/phpBB/viewtopic.php?topic=28788&forum=28&0)

まだ解決しておりませんので、もしご存知の方がいらっしゃいましたらよろしくおねがいいたします。
1

スキルアップ／キャリアアップ（JOB@IT）