現在、大手ウェブサイトのパーソナルセンターを利用すると、個人のアバターをアップロードする機能があります。ユーザーが個人の写真をアップロードした後、それが Web サイトの要件を満たしていない可能性があるため、ユーザーは写真をトリミングするように求められ、最終的にユーザーのトリミングされたサイズに基づいてアバターが生成されます。この機能は本当に素晴らしい、jsを理解していなかった私にはすごい、すごいと感じました。いつか内部のテクノロジーを理解できるようになると思っていました、それはなんて素晴らしいことでしょう~皆さんも私と同じ考えですか~ははは~~
JavaScriptを使用してこの機能を実装してみましょう。
$("#container").clip({
imgC : $("#imgC"),
blockClass : "block",
tipsClass : "tips"
});
imgC : 表示裁剪图片的容器,也就是右边的图
blockClass : block的样式名 也就是页面上的可以拖动的滑块的样式 因为怕和别的页面上的样式重名 默认是block
tipsClass : tips的样式名 也就是页面上显示left width height top的那个span的样式名 默认是tips
は、極度の酷評、小さな伴侶、学習本の例の思考回路ではありません。