ホームページ バックエンド開発 PHPチュートリアル THINKPHP+JSでズームピクチャの実装を実現 スクリーンショット_PHPチュートリアル

THINKPHP+JSでズームピクチャの実装を実現 スクリーンショット_PHPチュートリアル

Jul 21, 2016 pm 03:40 PM
http 著者 写真 成し遂げる スクリーンショット ズーム リンク

作者: ヤン・シンチー

元のリンク: http://www.cnblogs.com/scotoma/archive/2010/03/05/1679477.html

今夜、TP フォーラムの兄貴が私に追加して、彼もこの問題に遭遇したと言いました (笑) 考えてみると、私はたくさんのことに遭遇しました。それを共有すべきですか?実際、私のものの多くは他の人から提供されたものであり、インターネットから取得され、インターネット上で使用されています。もっと共有することによってのみ、私たちは改善することができます。

実装方法

画像のアップロード -- 画像の保存と表示 -- JS がサムネイル パラメータを取得 -- 位置パラメータの送信 -- 画像のスケーリングとクラス処理画像の保存 -- キャプチャした画像の保存 -- データベースの更新 -- ジャンプ

いくつかのスクリーンショット

THINKPHP+JSでズームピクチャの実装を実現 スクリーンショット_PHPチュートリアル

以下は例のスクリーンショットです

THINKPHP+JSでズームピクチャの実装を実現 スクリーンショット_PHPチュートリアル

THINKPHP+JSでズームピクチャの実装を実現 スクリーンショット_PHPチュートリアル

THINKPHP+JSでズームピクチャの実装を実現 スクリーンショット_PHPチュートリアル

主な実装コード

コードをコピー コードは次のとおりです:

public function Cutimg()
{
$result = $this->upload('temp')
if (!is_array() $result ))
{
$this->redirect('index');
}
else
{
$this->assign('imgurl', '__ROOT__/' . C('ATTACHDIR') . ' /temp /' . $result[0]['savename']);
$this->assign('imgname', $result[0]['savename']);
$this->display() ;
}
}

コードをコピー コードは次のとおりです:

public function setavatar()
{
if (!empty($_REQUEST['cut_pos']))
{
/ / import('ORG .Util.ImageResize');
require('ImageResize.class.php');
$imgresize = new ImageResize();
// フルパスを使用します
$url = C('ATTACHDIR') . '/temp/ ' .trim($_POST['imgname']);
$imgresize->load($url); 'cut_pos']) ;
foreach($posary as $k => $v)

$posary[$k] = intval($v); [3] > 0) $imgresize->resize($posary[2], $posary);
// ファイル名ルールを作成します
$uico = time() ' .jpg';
dump($uico);
$path = C('AVATAR')
// 120*120 の画像を保存
$imgresize->cut(120, 120, intval($posary[0]) , intval($posary [1]));
$large = 'l_'
$imgresize->save($path . $large);

echo '';
// データベースを更新
}
// エラー報告
}


ソース コードのダウンロード アドレス: クリックしてその他をダウンロード動作に TP フレームワークが必要な場合は、http://www.thinkphp.cn にアクセスしてダウンロードし、Upload クラスを使用するため拡張パッケージをダウンロードしてください。




http://www.bkjia.com/PHPjc/321362.html

www.bkjia.com

tru​​ehttp://www.bkjia.com/PHPjc/321362.html

技術記事著者: Yang Xinqi 元のリンク: http://www.cnblogs.com/scotoma/archive/2010/03/05/1679477.html TP フォーラムの兄貴が、自分もこの問題に遭遇したと言って、今夜私を追加してくれました (笑)。 ...
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AI Hentai Generator

AIヘンタイを無料で生成します。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

115://で始まるリンクをダウンロードするにはどうすればよいですか?ダウンロード方法の紹介 115://で始まるリンクをダウンロードするにはどうすればよいですか?ダウンロード方法の紹介 Mar 14, 2024 am 11:58 AM

最近、多くのユーザーから、115:// で始まるリンクをダウンロードするにはどうすればよいかという質問が編集者に寄せられました。 115:// で始まるリンクをダウンロードしたい場合は、115 ブラウザを使用する必要があります。115 ブラウザをダウンロードしたら、以下のエディタによって作成されたダウンロード チュートリアルを見てみましょう。 115:// で始まるリンクをダウンロードする方法の紹介 1. 115.com にログインし、115 ブラウザをダウンロードしてインストールします。 2. 115 ブラウザのアドレス バーに chrome://extensions/ と入力し、拡張機能センターに入り、Tampermonkey を検索して、対応するプラグインをインストールします。 3. 115 ブラウザのアドレス バーに「Grease Monkey Script: https://greasyfork.org/en/」と入力します。

WeChat ビデオ アカウントのリンクを取得するにはどうすればよいですか?製品リンクを WeChat ビデオ アカウントに追加するにはどうすればよいですか? WeChat ビデオ アカウントのリンクを取得するにはどうすればよいですか?製品リンクを WeChat ビデオ アカウントに追加するにはどうすればよいですか? Mar 22, 2024 pm 09:36 PM

WeChat エコシステムの一部として、WeChat ビデオ アカウントはコンテンツ作成者や販売者にとって徐々に重要なプロモーション ツールになってきました。このプラットフォームでビデオ アカウントへのリンクを取得することは、コンテンツを共有および配布するために非常に重要です。以下では、WeChatビデオアカウントのリンクを取得する方法と、コンテンツの普及効果を高めるためにビデオアカウントに商品リンクを追加する方法を詳しく紹介します。 1. WeChat ビデオ アカウントのリンクを取得するにはどうすればよいですか? WeChat ビデオ アカウントにビデオを投稿すると、システムによってビデオ リンクが自動的に作成されます。著者は公開後にリンクをコピーして、共有と配布を容易にすることができます。 WeChat ビデオ アカウントにログインした後、ビデオ アカウントのホームページを閲覧できます。ホーム ページでは、各ビデオに対応するリンクが付いているので、ビデオを直接コピーしたり共有したりできます。 3. ビデオ アカウントの検索: WeChat 検索ボックスにビデオ アカウント名を入力します。

win10 パソコンでスクリーンショットを撮るときに黒い画面が表示される場合の対処法_win10 パソコンでスクリーンショットを撮るときに黒い画面が表示される場合の対処方法 win10 パソコンでスクリーンショットを撮るときに黒い画面が表示される場合の対処法_win10 パソコンでスクリーンショットを撮るときに黒い画面が表示される場合の対処方法 Mar 27, 2024 pm 01:01 PM

1. win キー + r キーを押し、「regedit」と入力して、「OK」をクリックします。 2. 開いたレジストリ エディタ ウィンドウで、HKEY_LOCAL_MACHINESYSTEMCurrentControlSetControlGraphicsDriversDCI を展開し、右側の [タイムアウト] を選択してダブルクリックします。 3. 次に、[数値データ]の 7 を 0 に変更し、確認して終了します。

iPhoneのスクリーンショットが機能しない: 修正方法 iPhoneのスクリーンショットが機能しない: 修正方法 May 03, 2024 pm 09:16 PM

iPhone ではスクリーンショット機能が動作しませんか?スクリーンショットの撮影は非常に簡単で、音量を上げるボタンと電源ボタンを同時に押して携帯電話の画面を取得するだけです。ただし、デバイスでフレームをキャプチャする方法は他にもあります。解決策 1 – Assistive Touch の使用 Assistive Touch 機能を使用してスクリーンショットを撮ります。ステップ 1 – 電話の設定に移動します。ステップ 2 – 次に、タップしてアクセシビリティ設定を開きます。ステップ 3 – タッチ設定を開きます。ステップ 4 – 次に、Assistive Touch 設定を開きます。ステップ 5 – 携帯電話の Assistive Touch をオンにします。ステップ 6 – 「トップメニューのカスタマイズ」を開いてアクセスします。ステップ 7 – ここで必要なのは、これらの機能のいずれかを画面キャプチャにリンクすることだけです。それで最初をクリックしてください

iPhone の Safari ズームの問題: これで解決します iPhone の Safari ズームの問題: これで解決します Apr 20, 2024 am 08:08 AM

Safari でズーム レベルを制御できない場合、作業が困難になることがあります。したがって、Safari がズームアウトしているように見える場合は、それが問題である可能性があります。 Safari でのこの小さなズームの問題を解決する方法をいくつか紹介します。 1. カーソル拡大率:Safari メニューバーの「表示」>「カーソル拡大率」を選択します。これにより、カーソルが画面上でより見やすくなり、制御が容易になります。 2. マウスを移動します。これは簡単に聞こえるかもしれませんが、マウスを画面上の別の場所に移動するだけで、マウスが自動的に通常のサイズに戻ることがあります。 3. キーボード ショートカットを使用する 解決策 1 – ズーム レベルをリセットする Safari ブラウザから直接ズーム レベルを制御できます。ステップ 1 – Safari を使用している場合

Win8 でショートカット キーを使用してスクリーンショットを撮るにはどうすればよいですか? Win8 でショートカット キーを使用してスクリーンショットを撮るにはどうすればよいですか? Mar 28, 2024 am 08:33 AM

Win8 でショートカット キーを使用してスクリーンショットを撮るにはどうすればよいですか?コンピューターを日常的に使用する中で、画面上のコンテンツのスクリーンショットを撮る必要があることがよくあります。 Windows 8 システムのユーザーにとって、ショートカット キーを使用してスクリーンショットを撮ることは便利で効率的な操作方法です。この記事では、Windows 8 システムでスクリーンショットをより速く撮るためによく使用されるショートカット キーをいくつか紹介します。 1 つ目の方法は、「Win キー + PrintScreen キー」キーの組み合わせを使用して完全な操作を実行することです。

Wordでページを並べて拡大縮小する方法 Wordでページを並べて拡大縮小する方法 Mar 19, 2024 pm 07:19 PM

Word文書を使ってファイルを編集する場合、ページ数が多く、並べて表示して全体の効果を確認したいのですが、操作方法が分からず、長時間スクロールしなければならないことがよくあります。ページごとに表示します。あなたも同様の状況に遭遇したことがあるかどうかはわかりませんが、実際、Word のズーム ページを並べて設定する方法を学べば、現時点では簡単に解決できます。以下、見て一緒に学びましょう。まず、Word 文書内に新しいページを作成して開き、区別しやすくするために簡単なコンテンツを入力します。 2. たとえば、ワードズームと並べて表示を実現したい場合は、図に示すように、メニューバーで[表示]を見つけ、表示ツールオプションで[複数ページ]を選択する必要があります。 3. [複数ページ] を見つけて、クリックします。

Huawei 携帯電話にデュアル WeChat ログインを実装するにはどうすればよいですか? Huawei 携帯電話にデュアル WeChat ログインを実装するにはどうすればよいですか? Mar 24, 2024 am 11:27 AM

Huawei 携帯電話にデュアル WeChat ログインを実装するにはどうすればよいですか?ソーシャルメディアの台頭により、WeChatは人々の日常生活に欠かせないコミュニケーションツールの1つになりました。ただし、多くの人は、同じ携帯電話で同時に複数の WeChat アカウントにログインするという問題に遭遇する可能性があります。 Huawei 社の携帯電話ユーザーにとって、WeChat の二重ログインを実現することは難しくありませんが、この記事では Huawei 社の携帯電話で WeChat の二重ログインを実現する方法を紹介します。まず第一に、ファーウェイの携帯電話に付属するEMUIシステムは、デュアルアプリケーションを開くという非常に便利な機能を提供します。アプリケーションのデュアルオープン機能により、ユーザーは同時に

See all articles