问两个网页上的问题！---定制上传图片尺寸、自动缩放文字大小。。。

jswxaccp 2005-10-09 10:22:48
1）图片默认上传尺寸为 ××K，如需修改默认上传尺寸，可修改至适合的尺寸（单位为字节）;
2）生成后的网页字体可通过点击“放大”、“缩小”按钮放大或缩小三次，同时网页上的资料可以通过点击“打印”按钮在线打印。
...全文
175 4 打赏 收藏 转发到动态 举报
写回复
用AI写文章
4 条回复
切换为时间正序
请发表友善的回复…
发表回复
jswxaccp 2005-10-09
  • 打赏
  • 举报
 回复
to brothercat(心晴:成功？我还没上路呢！) :
请问用什么第三方控件 ？ 可以发给我一份吗？

网页字体是这样的：
比如网页上有个按钮“放大”，点击可以放大图片，最多可以放大3次，然后按钮变成“缩小”，同样最多也只能缩小3次。
大猫钓鱼 2005-10-09
  • 打赏
  • 举报
 回复
上传尺寸？你说的是不是图片的大小可压缩？那用第三方软件吧。

网页字体可以用js控制大小，打印一样可以。
lnboy1003 2005-10-09
  • 打赏
  • 举报
 回复
up
jswxaccp 2005-10-09
  • 打赏
  • 举报
 回复
没人知道吗 ？
wangEditor实现用户自定义图片大小（改源码）
效果图 1、WangEditor本身提供的 “编辑图片” 功能，调整图片大小选项只能为30%，50%，100%。 2、修改 wangEditor.js 源码后，用户可以输入自定义大小。例如，50%效果如下： 再例如，20%效果如下： 修改方式 在 wangEditor.js 中进行修改，整体修改内容如下图： 在这里插入图片描述 主要分为两个部分的修改：输入框、事件方法。 1、增加输入框： 大约在源码的2681行，添加以下块（用于用户输入框）： <span style="float:left
HTML网页代码大全
1)贴图： 2)加入连接：写上你想写的字 3)在新窗口打开连接：写上要写的字 消除连接的下划线在新窗口打开连接： 写上你想写的字 4)移动字体(走马灯)：写上你想写的字 5)字体加粗：写上你想写的字 6)字体斜体：写上你想写的字 7)字体下划线: 写上你想写的字 8)字体删除线: 写上你想写的字 9)字体加大: 写上你想写的字 10)字
网页中高效显示与交互式SVG图片实战指南
SVG（Scalable Vector Graphics）是一种基于XML的矢量图形格式，通过点、路径和数学公式描述图像，而非像素阵列。这使得SVG在任意缩放级别下均能保持清晰锐利，尤其适用于高分辨率屏幕与响应式网页设计。相比JPEG、PNG等位图格式，SVG具备文件体积小、可压缩性强、支持CSS样式与JavaScript交互等显著优势。现代浏览器全面支持SVG，且其原生兼容无障碍访问（如和<desc>标签），有助于提升SEO表现。</a></div><div data-report-view="{"mod":"popu_645","index":"4","dest":"https://blog.csdn.net/gitblog_00864/article/details/151697269","strategy":"2~default~OPENSEARCH~Rate","extra":"{\"utm_medium\":\"distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-4-151697269-bbs-80095920.264^v3^pc_relevant_bbs_down_v2_default\",\"dist_request_id\":\"1770859979771_23048\"}","spm":"1035.2023.3001.6557"}" class="list-item" data-v-ca2d15ac><div class="recommend-title" data-v-ca2d15ac><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAeZJREFUWEdjZGBgYPhQkSn49/v/EAbG/2oM/xn4QWI0A4wMHxn+M95i5mRcI9Ax/T0jyPI/P/7VM/5n4KKZpVgM/s/I8I2Fg6mR8W1+RioDw39TelqOsIvxNOPbgvRumgc7Lt8xMnxkfJufPmtgfA+xddQBeEOAv7opgImHh5PoKPr169fnOdN3/Xn88DOxevA6QLC9L5KRk4uHWMNA6v59+fz50+TeTf9evvhGjD6qOwDsiI8fPnya2LX537t3Pwg5giYOADvi3Zs3nyZ0bfn36dNvfI6gmQNAlv599fLlxwmd2xi+ffuDsyjAVw6QkwbQLfr76MHDj30duwbMAf+/f/vyvrJoOcUO+Pf82dOv2zadIZSoQPLcXn4mTJJS0iA21Rzw+/6de58n9uwlxgG8+SXOrIoqSlR1ADEWY1NDtRBg+PXrx7+PHz4S4xAmfgF+BjY2DqqGwIBHwb/3797+unzhFjEhwKZroMYkKCRM1RAgxmKapoF/r1+9/HHs8GVslrCISfCzWVpjbdZRLRHiSwOsugZivMkZ/jQNAYa/f//8//UTe+3GyMTMyMGBtd1AtRAY8DQwIA7gTcuxZuDkABcoZIPvP358njXlKFmVEdmWkqBxMHRMBrhrNuCdU1B0DWT3HACwkGScZb+cwwAAAABJRU5ErkJggg==" alt data-v-ca2d15ac> <a target="_blank" href="https://blog.csdn.net/gitblog_00864/article/details/151697269" data-report-click="{"mod":"popu_645","index":"4","dest":"https://blog.csdn.net/gitblog_00864/article/details/151697269","strategy":"2~default~OPENSEARCH~Rate","extra":"{\"utm_medium\":\"distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-4-151697269-bbs-80095920.264^v3^pc_relevant_bbs_down_v2_default\",\"dist_request_id\":\"1770859979771_23048\"}","spm":"1035.2023.3001.6557"}" data-report-query="spm=1035.2023.3001.6557&utm_medium=distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-4-151697269-bbs-80095920.264^v3^pc_relevant_bbs_down_v2_default&depth_1-utm_source=distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-4-151697269-bbs-80095920.264^v3^pc_relevant_bbs_down_v2_default" class="title" data-v-ca2d15ac>Cropper.js水印添加：裁剪后图片<em>自动</em>添加水印的实现方法</a></div> <a target="_blank" href="https://blog.csdn.net/gitblog_00864/article/details/151697269" data-report-click="{"mod":"popu_645","index":"4","dest":"https://blog.csdn.net/gitblog_00864/article/details/151697269","strategy":"2~default~OPENSEARCH~Rate","extra":"{\"utm_medium\":\"distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-4-151697269-bbs-80095920.264^v3^pc_relevant_bbs_down_v2_default\",\"dist_request_id\":\"1770859979771_23048\"}","spm":"1035.2023.3001.6557"}" data-report-query="spm=1035.2023.3001.6557&utm_medium=distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-4-151697269-bbs-80095920.264^v3^pc_relevant_bbs_down_v2_default&depth_1-utm_source=distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-4-151697269-bbs-80095920.264^v3^pc_relevant_bbs_down_v2_default" class="desc" data-v-ca2d15ac>你是否还在为图片裁剪后需要手动添加水印而烦恼？是否希望用户上传的图片能<em>自动</em>带上版权标识或品牌信息？本文将详细介绍如何基于Cropper.js（一款功能强大的图片裁剪库）实现裁剪后图片<em>自动</em>添加水印的完整方案，从基础集成到高级<em>定制</em>，让你轻松掌握前端图片处理的关键技术。 读完本文后，你将能够： - 正确集成Cropper.js到Web项目中 - 实现图片裁剪与水印添加的无缝衔接 - 掌握文字水印、图片...</a></div><div data-report-view="{"mod":"popu_645","index":"5","dest":"https://blog.csdn.net/weixin_35756690/article/details/154129268","strategy":"2~default~OPENSEARCH~Rate","extra":"{\"utm_medium\":\"distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-5-154129268-bbs-80095920.264^v3^pc_relevant_bbs_down_v2_default\",\"dist_request_id\":\"1770859979771_23048\"}","spm":"1035.2023.3001.6557"}" class="list-item" data-v-ca2d15ac><div class="recommend-title" data-v-ca2d15ac><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAeZJREFUWEdjZGBgYPhQkSn49/v/EAbG/2oM/xn4QWI0A4wMHxn+M95i5mRcI9Ax/T0jyPI/P/7VM/5n4KKZpVgM/s/I8I2Fg6mR8W1+RioDw39TelqOsIvxNOPbgvRumgc7Lt8xMnxkfJufPmtgfA+xddQBeEOAv7opgImHh5PoKPr169fnOdN3/Xn88DOxevA6QLC9L5KRk4uHWMNA6v59+fz50+TeTf9evvhGjD6qOwDsiI8fPnya2LX537t3Pwg5giYOADvi3Zs3nyZ0bfn36dNvfI6gmQNAlv599fLlxwmd2xi+ffuDsyjAVw6QkwbQLfr76MHDj30duwbMAf+/f/vyvrJoOcUO+Pf82dOv2zadIZSoQPLcXn4mTJJS0iA21Rzw+/6de58n9uwlxgG8+SXOrIoqSlR1ADEWY1NDtRBg+PXrx7+PHz4S4xAmfgF+BjY2DqqGwIBHwb/3797+unzhFjEhwKZroMYkKCRM1RAgxmKapoF/r1+9/HHs8GVslrCISfCzWVpjbdZRLRHiSwOsugZivMkZ/jQNAYa/f//8//UTe+3GyMTMyMGBtd1AtRAY8DQwIA7gTcuxZuDkABcoZIPvP358njXlKFmVEdmWkqBxMHRMBrhrNuCdU1B0DWT3HACwkGScZb+cwwAAAABJRU5ErkJggg==" alt data-v-ca2d15ac> <a target="_blank" href="https://blog.csdn.net/weixin_35756690/article/details/154129268" data-report-click="{"mod":"popu_645","index":"5","dest":"https://blog.csdn.net/weixin_35756690/article/details/154129268","strategy":"2~default~OPENSEARCH~Rate","extra":"{\"utm_medium\":\"distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-5-154129268-bbs-80095920.264^v3^pc_relevant_bbs_down_v2_default\",\"dist_request_id\":\"1770859979771_23048\"}","spm":"1035.2023.3001.6557"}" data-report-query="spm=1035.2023.3001.6557&utm_medium=distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-5-154129268-bbs-80095920.264^v3^pc_relevant_bbs_down_v2_default&depth_1-utm_source=distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-5-154129268-bbs-80095920.264^v3^pc_relevant_bbs_down_v2_default" class="title" data-v-ca2d15ac>Android图片<em>缩放</em>与GIF动画显示库实战：Photoview与GifView集成应用</a></div> <a target="_blank" href="https://blog.csdn.net/weixin_35756690/article/details/154129268" data-report-click="{"mod":"popu_645","index":"5","dest":"https://blog.csdn.net/weixin_35756690/article/details/154129268","strategy":"2~default~OPENSEARCH~Rate","extra":"{\"utm_medium\":\"distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-5-154129268-bbs-80095920.264^v3^pc_relevant_bbs_down_v2_default\",\"dist_request_id\":\"1770859979771_23048\"}","spm":"1035.2023.3001.6557"}" data-report-query="spm=1035.2023.3001.6557&utm_medium=distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-5-154129268-bbs-80095920.264^v3^pc_relevant_bbs_down_v2_default&depth_1-utm_source=distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-5-154129268-bbs-80095920.264^v3^pc_relevant_bbs_down_v2_default" class="desc" data-v-ca2d15ac>在现代Android应用中，图片展示已不再是简单的静态资源加载，而是演变为一种高度交互化的视觉体验。尤其是在媒体浏览、社交平台和电商类应用中，用户对图像操作的自由度要求越来越高——双指<em>缩放</em>查看细节、单指拖动平移、旋转校正视角等行为已成为标配。然而，原生ImageView在处理这些复杂手势时存在明显短板：无法支持连续<em>缩放</em>、缺乏精确的矩阵控制、容易与其他容器（如ViewPager）产生事件冲突。为解决这些<em><em>问</em>题</em>，社区广泛采用第三方控件库PhotoView，它基于ImageView。</a></div></div></div></div> <div class="public_pc_right_footer2020" style="display:none;" data-v-4a5a7f56></div></div> <div id="right-floor-user-content_562" data-editor="{"type":"floor","pageId":143,"floorId":562}" class="user-right-floor right-box main-box detail-user-right" data-v-229a00b0><div class="__vuescroll" style="height:100%;width:100%;padding:0;position:relative;overflow:hidden;"><div class="__panel __hidebar" style="position:relative;box-sizing:border-box;height:100%;overflow-y:hidden;overflow-x:hidden;transform-origin:;transform:;"><div class="__view" style="position:relative;box-sizing:border-box;min-width:100%;min-height:100%;"><!----><div comp-data="[object Object]" baseInfo="[object Object]" community="[object Object]" class="introduce" data-v-4722a3ae><div class="introduce-title" data-v-4722a3ae><div class="img-info" data-v-4722a3ae><a href="https://bbs.csdn.net/forums/ASP" class="community-img" data-v-4722a3ae><img src="https://img-community.csdnimg.cn/avatar/ad08cc95e8b74fc1b22d8708cf8764f6.png?x-oss-process=image/resize,m_fixed,h_88,w_88" alt data-v-4722a3ae> <div title="ASP" class="community-name" data-v-4722a3ae> ASP </div></a></div></div> <div class="content" data-v-4722a3ae><div class="detail" data-v-4722a3ae><div title="28406" class="item" data-v-4722a3ae><p class="num" data-v-4722a3ae> 28,406 </p> <p class="desc" data-v-4722a3ae> 社区成员 </p></div> <div title="356946" class="item" data-v-4722a3ae><a href="https://bbs.csdn.net/forums/ASP" target="_blank" data-v-4722a3ae><p class="num" data-v-4722a3ae> 356,946 </p> <p class="desc" data-v-4722a3ae> 社区内容 </p></a></div></div> <div class="detail-btns" data-v-4722a3ae><div class="community-ctrl-btns_wrapper" data-v-0ebf603c data-v-4722a3ae><div class="community-ctrl-btns" data-v-0ebf603c><div class="community-ctrl-btns_item" data-v-0ebf603c><div data-v-160be461 data-v-0ebf603c><div data-report-click="{"spm":"3001.5975"}" data-v-160be461><img src="https://csdnimg.cn/release/cmsfe/public/img/topic.427195d5.png" alt="" class="img sendTopic" data-v-160be461 data-v-0ebf603c> <span data-v-160be461 data-v-0ebf603c>发帖</span></div> <!----> <!----></div></div><div class="community-ctrl-btns_item" data-v-0ebf603c><div data-v-0ebf603c><img src="https://csdnimg.cn/release/cmsfe/public/img/me.40a70ab0.png" alt="" class="img me" data-v-0ebf603c> <span data-v-0ebf603c>与我相关</span></div></div><div class="community-ctrl-btns_item" data-v-0ebf603c><div data-v-0ebf603c><img src="https://csdnimg.cn/release/cmsfe/public/img/task.87b52881.png" alt="" class="img task" data-v-0ebf603c> <span data-v-0ebf603c>我的任务</span></div></div><div class="community-ctrl-btns_item" data-v-0ebf603c><div class="community-share" data-v-4ca34db9 data-v-0ebf603c><div class="handle-item share" data-v-ca030a68 data-v-4ca34db9><span height="384" data-v-ca030a68><div role="tooltip" id="el-popover-7354" aria-hidden="true" class="el-popover el-popper popo share-popover" style="width:265px;display:none;"><!----><div id="tool-QRcode" class="QRcode" data-v-ca030a68><img src="https://csdnimg.cn/release/cmsfe/public/img/shareBg3.9519d347.png" alt="" class="share-bg" data-v-ca030a68> <div class="share-bg-box" data-v-ca030a68><div class="share-content" data-v-ca030a68><img src="https://img-community.csdnimg.cn/avatar/ad08cc95e8b74fc1b22d8708cf8764f6.png?x-oss-process=image/resize,m_fixed,h_88,w_88" alt="" class="share-avatar" data-v-ca030a68> <div class="share-tit" data-v-ca030a68>ASP</div> <div class="share-dec" data-v-ca030a68>ASP即Active Server Pages，是Microsoft公司开发的服务器端脚本环境。</div> <span class="copy-share-url" data-v-ca030a68>复制链接</span> <div class="shareText" data-v-ca030a68> </div></div> <div class="share-code" data-v-ca030a68><div class="qrcode" data-v-ca030a68></div> <div class="share-code-text" data-v-ca030a68>扫一扫</div></div></div></div> </div><span class="el-popover__reference-wrapper"><div data-v-0ebf603c><img src="https://csdnimg.cn/release/cmsfe/public/img/share-circle.3e0b7822.png" alt="" class="img share" data-v-0ebf603c> <span data-v-0ebf603c>分享</span></div></span></span></div> <!----></div></div></div> <!----> <div data-v-4fb59baf data-v-0ebf603c><div class="el-dialog__wrapper ccloud-pop-outer2" style="display:none;" data-v-4fb59baf><div role="dialog" aria-modal="true" aria-label="dialog" class="el-dialog el-dialog--center" style="margin-top:15vh;width:70%;"><div class="el-dialog__header"><span class="el-dialog__title"></span><!----></div><!----><div class="el-dialog__footer"><span class="dialog-footer clearfix" data-v-4fb59baf><div class="confirm-btm fr" data-v-4fb59baf>确定</div></span></div></div></div></div></div></div></div> <div style="display:none;" data-v-4722a3ae data-v-4722a3ae><!----> <div class="introduce-desc" data-v-4722a3ae><div class="introduce-desc-title" data-v-4722a3ae>社区描述</div> <span data-v-4722a3ae> ASP即Active Server Pages，是Microsoft公司开发的服务器端脚本环境。 </span></div></div> <div class="introduce-text" data-v-4722a3ae><div class="label-box" data-v-4722a3ae><!----> <!----> <!----></div></div> <!----> <div class="manage" data-v-4722a3ae><div class="manage-inner" data-v-4722a3ae><span data-v-4722a3ae>社区管理员</span> <ul data-v-4722a3ae><li data-v-4722a3ae><a href="https://blog.csdn.net/community_24" target="_blank" class="start-img" data-v-4722a3ae><img src="https://profile-avatar.csdnimg.cn/default.jpg!1" alt="ASP" class="el-tooltip item" data-v-4722a3ae data-v-4722a3ae></a></li><li data-v-4722a3ae><a href="https://blog.csdn.net/sysdzw" target="_blank" class="start-img" data-v-4722a3ae><img src="https://profile-avatar.csdnimg.cn/45dcec50fd694b578374e7167ff7914a_sysdzw.jpg!1" alt="无·法" class="el-tooltip item" data-v-4722a3ae data-v-4722a3ae></a></li></ul></div></div> <div class="actions" data-v-4722a3ae><!----> <div style="flex:1;" data-v-4722a3ae><div class="join-btn" data-v-4722a3ae> 加入社区 </div></div> <!----> <!----></div> <div class="el-dialog__wrapper" style="display:none;" data-v-38c57799 data-v-4722a3ae><div role="dialog" aria-modal="true" aria-label="获取链接或二维码" class="el-dialog join-qrcode-dialog" style="margin-top:15vh;width:600px;"><div class="el-dialog__header"><span class="el-dialog__title">获取链接或二维码</span><button type="button" aria-label="Close" class="el-dialog__headerbtn"><i class="el-dialog__close el-icon el-icon-close"></i></button></div><!----><div class="el-dialog__footer"><span class="dialog-footer" data-v-38c57799></span></div></div></div> <div class="collapse-btn" data-v-4722a3ae><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAAAgCAYAAACFM/9sAAAAAXNSR0IArs4c6QAAAi1JREFUaEPtl01u01AUhc+N8wMSO4AxzJAqwQpKQsdtbMOICmKnwCKQ2ACDIgotrYKiduIiVZ10B0CBAjtAbICfooomJr3IcUoTiVLb15GNuG/67nm65/M5AxP0iAiQSK1iKEBhCBSgAhQSEMo1gQpQSEAo1wQqQCEBoVwT+K8CnLnWvER8cOHMaf95q9Xaj+vDtp3LPeD83u6p9a2t+U5cfVrzmSTQNOfOgg4+ATDAeNHp/Jza3Fz5HtWUZbl3GXjYn2e+53lL96Nq057LBOD0dOOcUSx8BFAcGHpZLlWmVlfnd08yaJrubRAe/Z77HwEG5kdS1E8StgFc9bzFb8dBrNtukxgLwOAXNEF6T/pAce8zSeDhknXbuUNMQRUHe/BrMNX+BNGyHIdBT45m6VVn36/FqX5cOFHmMwUYJrE5x+CgkuEujLe+361ubLS+HhowzeYtEC8NzWyXy5ValMpHgSCZyRxgsLxpui4Ij4/ShZ1S0aiurS18sSznJoOeDt29AaP6t6pLgMTV5gJgsHTddhvEWBwC9Y6AZww8AFA4Lp1xDac9nxuAYZ37aQuqGgIbPTt+t3tluNppw0jyXq4AhnV2ZkG0PAKR8b5UMiaDSicxOU5N7gCGSXRvMLAygPgB3Jv0vOXP4wSR9O1cAgzMzFxvXDR6hYlK5cd6u93eS2pw3LrcAhy38bTeV4BCkgpQAQoJCOWaQAUoJCCUawIVoJCAUK4JVIBCAkL5L1yapyGdIBwvAAAAAElFTkSuQmCC" alt data-v-4722a3ae></div></div><!----><!----><div comp-data="[object Object]" baseInfo="[object Object]" typePage="detail" community="[object Object]" class="floor-user-right-rank" data-v-3d3affee><div class="el-tabs el-tabs--top" data-v-3d3affee><div class="el-tabs__header is-top"><div class="el-tabs__nav-wrap is-top"><div class="el-tabs__nav-scroll"><div role="tablist" class="el-tabs__nav is-top" style="transform:translateX(-0px);"><div class="el-tabs__active-bar is-top" style="width:0px;transform:translateX(0px);ms-transform:translateX(0px);webkit-transform:translateX(0px);"></div></div></div></div></div><div class="el-tabs__content"><div role="tabpanel" id="pane-integral" aria-labelledby="tab-integral" class="el-tab-pane" data-v-3d3affee></div><div role="tabpanel" aria-hidden="true" id="pane-3" aria-labelledby="tab-3" class="el-tab-pane" style="display:none;" data-v-3d3affee></div></div></div> <div class="floor-user-right-rank-score" data-v-608528ce data-v-3d3affee><div class="floor-user-right-rank-score-tabs" data-v-608528ce><ul data-v-608528ce><li data-v-608528ce> 近7日 </li><li data-v-608528ce> 近30日 </li><li class="active" data-v-608528ce> 至今 </li></ul></div> <div class="floor-user-right-rank-common" data-v-46cf600d data-v-608528ce><div class="rank-list" data-v-46cf600d><!----> <div class="no-data loading" data-v-46cf600d><i class="el-icon-loading" data-v-46cf600d></i> <p data-v-46cf600d>加载中</p></div> <!----> <a href="https:///ASP/rank/list/total" target="_blank" class="show-more" data-v-46cf600d> 查看更多榜单 </a></div></div></div></div><div comp-data="[object Object]" baseInfo="[object Object]" typePage="detail" community="[object Object]" class="floor comunity-rule" data-v-3cfa4dbd><div class="title" data-v-3cfa4dbd> 社区公告 </div> <div class="contain" data-v-3cfa4dbd><div class="inner-content" data-v-3cfa4dbd>暂无公告</div></div></div><div comp-data="[object Object]" baseInfo="[object Object]" typePage="detail" community="[object Object]" class="user-right-adimg empty-arr" data-v-15c6aa4f><div class="adImgs" data-v-2a6389b9 data-v-15c6aa4f><!----> <div data-v-2a6389b9><div data-v-2a6389b9></div></div></div></div><div comp-data="[object Object]" baseInfo="[object Object]" typePage="detail" class="ai-entrance" data-v-eb1c454c><p data-v-eb1c454c>试试用AI创作助手写篇文章吧</p> <div class="entrance-btn-line" data-v-eb1c454c><a href="https://mp.csdn.net/edit?guide=1" target="_blank" data-report-click="{"spm":"3001.9712"}" data-report-query="spm=3001.9712" class="entrance-btn" data-v-eb1c454c>+ 用AI写文章</a></div></div></div></div></div></div></div></div></div></div> <!----></div></div></div> <div> <script type="text/javascript" src="https://g.csdnimg.cn/common/csdn-footer/csdn-footer.js" data-isfootertrack="false" defer></script> </div></div></div><script> window.__INITIAL_STATE__= {"csrf":"QxcvjB7V-jrsWfrS-DNmoh_Xh41eLzPFEpEE","origin":"http:\u002F\u002Fbbs.csdn.net","isMobile":false,"cookie":"uuid_tt_dd=10_3083493540-1770859979742-846605;","ip":"18.97.9.170","pageData":{"page":{"pageId":143,"title":"社区详情","keywords":"社区详情","description":"社区详情","ext":{"isMd":"true","armsfe1":"{pid:\"dyiaei5ihw@1a348e4d05c2c78\",appType:\"web\",imgUrl:\"https:\u002F\u002Farms-retcode.aliyuncs.com\u002Fr.png?\",sendResource:true,enableLinkTrace:true,behavior:true}","redPacketCfg":"{\"presetTitle\":[\"成就一亿技术人!\",\"大吉大利\",\"节日快乐\",\"Bug Free\",\"Hello World\",\"Be Greater Than Average!!\"],\"defaultTitle\":\"成就一亿技术人!\",\"preOpenSty\":{},\"redCardSty\":{}}","blogStar":"[{\"year\":\"2021\",\"enable\":true,\"communityIds\":[3859],\"url\":\"https:\u002F\u002Fbbs.csdn.net\u002Fsummary2021\"},{\"year\":\"2022\",\"enable\":true,\"communityIds\":[3860],\"url\":\"https:\u002F\u002Fbbs.csdn.net\u002Fsummary2022\"}]","mdVersion":"https:\u002F\u002Fcsdnimg.cn\u002Frelease\u002Fmarkdown-editor\u002F1.1.0\u002Fmarkdown-editor.js","componentSortCfg":"{ \"right\":[\"ratesInfo\",\"cty-profile\",\"pub-comp\",\"user-right-introduce\",\"post-event\",\"my-mission\", \"user-right-rank\",\"user-right-rule\",\"user-right-adimg\"] }","show_1024":"{\"enable\":false,\"useWhitelist\":false,\"whitelist\":[76215],\"home\":\"https:\u002F\u002F1111.csdn.net\u002F\",\"logo\":\"https:\u002F\u002Fimg-home.csdnimg.cn\u002Fimages\u002F20221104102741.png\",\"hideLive\":true}","iframes":"[\"3859\"]","pageCfg":"{\"disableDownloadPDF\": false,\"hideSponsor\":false}"}},"template":{"templateId":71,"templateComponentName":"ccloud-detail","title":"ccloud-detail","floorList":[{"floorId":562,"floorComponentName":"floor-user-content","title":"社区详情页","description":"社区详情页","indexOrder":3,"componentList":[{"componentName":"baseInfo","componentDataId":"cloud-detail1","componentConfigData":{},"relationType":3},{"componentName":"user-right-introduce","componentDataId":"","componentConfigData":{},"relationType":2},{"componentName":"user-recommend","componentDataId":"","componentConfigData":{},"relationType":2},{"componentName":"user-right-rank","componentDataId":"","componentConfigData":{},"relationType":2},{"componentName":"user-right-rule","componentDataId":"","componentConfigData":{},"relationType":2},{"componentName":"user-right-adimg","componentDataId":"","componentConfigData":{},"relationType":2},{"componentName":"default2014LiveRoom","componentDataId":"20221024DefaultLiveRoom","componentConfigData":{},"relationType":3}]}]},"data":{"baseInfo":{"customDomain":"","uriName":"ASP","communityHomePage":"https:\u002F\u002Fbbs.csdn.net\u002Fforums\u002FASP","owner":{"userName":"community_24","nickName":"ASP","avatarUrl":"https:\u002F\u002Fprofile-avatar.csdnimg.cn\u002Fdefault.jpg!1","position":"","companyName":""},"user":{"userRole":3,"userName":null,"nickName":null,"avatarUrl":null,"rank":null,"follow":2,"communityBase":null,"joinCollege":null,"isVIP":null},"community":{"name":"ASP","description":"ASP即Active Server Pages，是Microsoft公司开发的服务器端脚本环境。","avatarUrl":"https:\u002F\u002Fimg-community.csdnimg.cn\u002Favatar\u002Fad08cc95e8b74fc1b22d8708cf8764f6.png?x-oss-process=image\u002Fresize,m_fixed,h_88,w_88","qrCode":"","createTime":"2007-09-28","communityAvatarUrl":"https:\u002F\u002Fprofile-avatar.csdnimg.cn\u002Fdefault.jpg!1","communityNotice":null,"userCount":28406,"contentCount":356946,"followersCount":19091,"communityRule":"","communityId":143,"bgImage":"","hashId":"o3noovng","domain":"","uriName":"ASP","externalDisplay":1,"adBanner":{"img":"","url":"","adType":0,"adCon":null},"rightBanner":{"img":"","url":"","adType":0,"adCon":null},"tagId":null,"tagName":null,"communityType":1,"communityApplyUrl":"https:\u002F\u002Fmarketing.csdn.net\u002Fquestions\u002FQ2106040308026533763","joinType":0,"visibleType":0,"collapse":0,"hideLeftSideBar":0,"topicMoveAble":0,"allowActions":{},"communityOwner":"community_24","tagNameInfo":{"provinceTag":null,"areaTag":null,"technologyTags":null,"customTags":null}},"tabList":[{"tabId":1302,"tabName":"全部","tabUrl":"","tabSwitch":1,"tabType":4,"tabContribute":0,"cardType":0,"indexOrder":-1,"url":"https:\u002F\u002Fbbs.csdn.net\u002Fforums\u002FASP?typeId=1302","iframe":false,"sortType":1},{"tabId":4057698,"tabName":"博文收录","tabUrl":"","tabSwitch":1,"tabType":2,"tabContribute":0,"cardType":0,"indexOrder":19,"url":"https:\u002F\u002Fbbs.csdn.net\u002Fforums\u002FASP?typeId=4057698","iframe":false,"sortType":1},{"tabId":1617830,"tabName":"Ada助手","tabUrl":"","tabSwitch":1,"tabType":2,"tabContribute":0,"cardType":0,"indexOrder":20,"url":"https:\u002F\u002Fbbs.csdn.net\u002Fforums\u002FASP?typeId=1617830","iframe":false,"sortType":1}],"dataResource":{"mediaType":"c_cloud","subResourceType":"8_c_cloud_long_text","showType":"long_text","tabId":0,"communityName":"ASP","communityHomePageUrl":"https:\u002F\u002Fbbs.csdn.net\u002Fforums\u002FASP","communityType":1,"content":{"id":"80095920","contentId":80095920,"cateId":0,"cateName":null,"url":"https:\u002F\u002Fbbs.csdn.net\u002Ftopics\u002F80095920","shareUrl":"https:\u002F\u002Fbbs.csdn.net\u002Ftopics\u002F80095920","createTime":"2005-10-09 10:22:48","updateTime":"2021-05-28 13:44:50","resourceUsername":"jswxaccp","best":0,"top":0,"text":null,"publishDate":"2005-10-09","lastReplyDate":"2005-10-09","type":"13","nickname":"jswxaccp","avatar":"https:\u002F\u002Fprofile-avatar.csdnimg.cn\u002Fdefault.jpg!1","username":"jswxaccp","commentCount":4,"diggNum":0,"digg":false,"viewCount":175,"hit":false,"resourceSource":6,"status":10,"taskStatus":null,"expired":false,"taskCate":0,"taskAward":0,"taskExpired":null,"checkRedPacket":null,"avgScore":0,"totalScore":0,"topicTitle":"问两个网页上的问题！---定制上传图片尺寸、自动缩放文字大小。。。","insertFirst":false,"likeInfo":null,"description":"1）图片默认上传尺寸为 ××K，如需修改默认上传尺寸，可修改至适合的尺寸（单位为字节）; 2）生成后的网页字体可通过点击“放大”、“缩小”按钮放大或缩小三次，同时网页上的资料可以通过点击“打印”按钮在线打印。","coverImg":"https:\u002F\u002Fimg-home.csdnimg.cn\u002Fimages\u002F20221026062043.png","content":"1）图片默认上传尺寸为 ××K，如需修改默认上传尺寸，可修改至适合的尺寸（单位为字节）;\u003Cbr \u002F\u003E\n2）生成后的网页字体可通过点击“放大”、“缩小”按钮放大或缩小三次，同时网页上的资料可以通过点击“打印”按钮在线打印。","mdContent":null,"pictures":null,"videoInfo":null,"linkInfo":null,"student":{"isCertification":false,"org":"","bala":""},"employee":{"isCertification":false,"org":"","bala":""},"userCertification":[],"dependId":"0","dependSubType":null,"videoUrl":null,"favoriteCount":0,"favoriteStatus":false,"taskType":null,"defaultScore":null,"syncAsk":false,"videoPlayLength":null},"communityUser":null,"allowPost":false,"submitHistory":[{"user":{"registerurl":"https:\u002F\u002Fg.csdnimg.cn\u002Fstatic\u002Fuser-reg-year\u002F1x\u002F22.png","avatarurl":"https:\u002F\u002Fprofile-avatar.csdnimg.cn\u002Fdefault.jpg!1","nickname":"jswxaccp","selfdesc":"","createdate":"2003-10-18 08:26:00","days":"8154","years":"22","username":"jswxaccp","school":null,"company":null,"job":null},"userName":"jswxaccp","event":"创建了帖子","body":"2005-10-09 10:22","editId":null}],"resourceExt":{}},"contentReply":{"pageNo":1,"pageSize":20,"totalPages":1,"totalCount":4,"total":0,"list":[{"hit":null,"hitMsg":null,"content":"to brothercat(心晴:成功？我还没上路呢！) :\u003Cbr \u002F\u003E\n请问用什么第三方控件 ？ 可以发给我一份吗？\u003Cbr \u002F\u003E\n\u003Cbr \u002F\u003E\n网页字体是这样的：\u003Cbr \u002F\u003E\n比如网页上有个按钮“放大”，点击可以放大图片，最多可以放大3次，然后按钮变成“缩小”，同样最多也只能缩小3次。","topicTitle":null,"description":"to brothercat(心晴:成功？我还没上路呢！) : 请问用什么第三方控件 ？ 可以发给我一份吗？ 网页字体是这样的： 比如网页上有个按钮“放大”，点击可以放大图片，最多可以放大3次，然后按钮变成“缩小”，同样最多也只能缩小3次。","id":54408632,"contentResourceId":80095920,"bindContentResourceId":0,"communityId":143,"username":"jswxaccp","userNickName":"jswxaccp","userAvatar":"https:\u002F\u002Fprofile-avatar.csdnimg.cn\u002Fdefault.jpg!1","mdContent":null,"parentId":0,"replyName":"","replyNickName":"","bizNo":"bbs","ip":988874387,"status":10,"childCount":0,"topStatus":0,"recommendStatus":0,"userLike":false,"diggCount":0,"childIds":"","createTime":"2005-10-09 12:05:25","updateTime":"2005-10-09 12:05:25","formatTime":"2005-10-09","userRoleHonorary":{"userName":null,"roleId":null,"roleType":null,"roleStatus":null,"honoraryId":null,"roleName":null,"honoraryName":null,"communityNickname":null,"communitySignature":null},"child":null,"communityNickname":null,"communityReplyNickname":null,"rewardInfo":null,"checkRedPacketVO":null,"noDiggCount":null},{"hit":null,"hitMsg":null,"content":"上传尺寸？你说的是不是图片的大小可压缩？那用第三方软件吧。\u003Cbr \u002F\u003E\n\u003Cbr \u002F\u003E\n网页字体可以用js控制大小，打印一样可以。","topicTitle":null,"description":"上传尺寸？你说的是不是图片的大小可压缩？那用第三方软件吧。 网页字体可以用js控制大小，打印一样可以。","id":54408315,"contentResourceId":80095920,"bindContentResourceId":0,"communityId":143,"username":"brothercat","userNickName":"大猫钓鱼","userAvatar":"https:\u002F\u002Fprofile-avatar.csdnimg.cn\u002Fd95f9248d92c45aead0faef0d0f8d096_brothercat.jpg!1","mdContent":null,"parentId":0,"replyName":"","replyNickName":"","bizNo":"bbs","ip":1035462991,"status":10,"childCount":0,"topStatus":0,"recommendStatus":0,"userLike":false,"diggCount":0,"childIds":"","createTime":"2005-10-09 11:48:46","updateTime":"2005-10-09 11:48:46","formatTime":"2005-10-09","userRoleHonorary":{"userName":null,"roleId":null,"roleType":null,"roleStatus":null,"honoraryId":null,"roleName":null,"honoraryName":null,"communityNickname":null,"communitySignature":null},"child":null,"communityNickname":null,"communityReplyNickname":null,"rewardInfo":null,"checkRedPacketVO":null,"noDiggCount":null},{"hit":null,"hitMsg":null,"content":"up","topicTitle":null,"description":"up","id":54407831,"contentResourceId":80095920,"bindContentResourceId":0,"communityId":143,"username":"lnboy1003","userNickName":"lnboy1003","userAvatar":"https:\u002F\u002Fprofile-avatar.csdnimg.cn\u002Fdefault.jpg!1","mdContent":null,"parentId":0,"replyName":"","replyNickName":"","bizNo":"bbs","ip":3661451056,"status":10,"childCount":0,"topStatus":0,"recommendStatus":0,"userLike":false,"diggCount":0,"childIds":"","createTime":"2005-10-09 11:28:17","updateTime":"2005-10-09 11:28:17","formatTime":"2005-10-09","userRoleHonorary":{"userName":null,"roleId":null,"roleType":null,"roleStatus":null,"honoraryId":null,"roleName":null,"honoraryName":null,"communityNickname":null,"communitySignature":null},"child":null,"communityNickname":null,"communityReplyNickname":null,"rewardInfo":null,"checkRedPacketVO":null,"noDiggCount":null},{"hit":null,"hitMsg":null,"content":"没人知道吗 ？","topicTitle":null,"description":"没人知道吗 ？","id":54406870,"contentResourceId":80095920,"bindContentResourceId":0,"communityId":143,"username":"jswxaccp","userNickName":"jswxaccp","userAvatar":"https:\u002F\u002Fprofile-avatar.csdnimg.cn\u002Fdefault.jpg!1","mdContent":null,"parentId":0,"replyName":"","replyNickName":"","bizNo":"bbs","ip":988874387,"status":10,"childCount":0,"topStatus":0,"recommendStatus":0,"userLike":false,"diggCount":0,"childIds":"","createTime":"2005-10-09 10:43:54","updateTime":"2005-10-09 10:43:54","formatTime":"2005-10-09","userRoleHonorary":{"userName":null,"roleId":null,"roleType":null,"roleStatus":null,"honoraryId":null,"roleName":null,"honoraryName":null,"communityNickname":null,"communitySignature":null},"child":null,"communityNickname":null,"communityReplyNickname":null,"rewardInfo":null,"checkRedPacketVO":null,"noDiggCount":null}],"maxPageSize":3000},"defaultActiveTab":1302,"recommends":[{"url":"https:\u002F\u002Fblog.csdn.net\u002Fweixin_45895806\u002Farticle\u002Fdetails\u002F114374058","title":"wangEditor实现用户自定义图片大小（改源码）","desc":"效果图\n1、WangEditor本身提供的 “编辑图片” 功能，调整图片大小选项只能为30%，50%，100%。\n\n2、修改 wangEditor.js 源码后，用户可以输入自定义大小。例如，50%效果如下：\n\n再例如，20%效果如下：\n\n修改方式\n在 wangEditor.js 中进行修改，整体修改内容如下图：\n在这里插入图片描述\n\n\n\n主要分为\u003Cem\u003E两个\u003C\u002Fem\u003E部分的修改：输入框、事件方法。\n1、增加输入框：\n大约在源码的2681行，添加以下块（用于用户输入框）：\n<span style=\"float:left","createTime":"2021-03-04 17:58:47","dataReportQuery":"spm=1035.2023.3001.6557&utm_medium=distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-1-114374058-bbs-80095920.264^v3^pc_relevant_bbs_down_v2_default&depth_1-utm_source=distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-1-114374058-bbs-80095920.264^v3^pc_relevant_bbs_down_v2_default","dataReportClick":"{\"mod\":\"popu_645\",\"index\":\"1\",\"dest\":\"https:\u002F\u002Fblog.csdn.net\u002Fweixin_45895806\u002Farticle\u002Fdetails\u002F114374058\",\"strategy\":\"2~default~OPENSEARCH~Rate\",\"extra\":\"{\\\"utm_medium\\\":\\\"distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-1-114374058-bbs-80095920.264^v3^pc_relevant_bbs_down_v2_default\\\",\\\"dist_request_id\\\":\\\"1770859979771_23048\\\"}\",\"spm\":\"1035.2023.3001.6557\"}","dataReportView":"{\"mod\":\"popu_645\",\"index\":\"1\",\"dest\":\"https:\u002F\u002Fblog.csdn.net\u002Fweixin_45895806\u002Farticle\u002Fdetails\u002F114374058\",\"strategy\":\"2~default~OPENSEARCH~Rate\",\"extra\":\"{\\\"utm_medium\\\":\\\"distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-1-114374058-bbs-80095920.264^v3^pc_relevant_bbs_down_v2_default\\\",\\\"dist_request_id\\\":\\\"1770859979771_23048\\\"}\",\"spm\":\"1035.2023.3001.6557\"}","type":"blog"},{"url":"https:\u002F\u002Fblog.csdn.net\u002Fu012220174\u002Farticle\u002Fdetails\u002F12615009","title":"HTML\u003Cem\u003E网页\u003C\u002Fem\u003E代码大全","desc":"1)贴图：\r\n2)加入连接：写上你想写的字\r\n\r\n3)在新窗口打开连接：写上要写的字\r\n\r\n消除连接的下划线在新窗口打开连接：\r\n\r\n写上你想写的字\r\n\r\n4)移动字体(走马灯)：写上你想写的字\r\n\r\n5)字体加粗：写上你想写的字\r\n\r\n6)字体斜体：写上你想写的字\r\n\r\n7)字体下划线: 写上你想写的字\r\n\r\n8)字体删除线: 写上你想写的字\r\n\r\n9)字体加大: 写上你想写的字\r\n\r\n10)字","createTime":"2013-10-11 12:57:04","dataReportQuery":"spm=1035.2023.3001.6557&utm_medium=distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-2-12615009-bbs-80095920.264^v3^pc_relevant_bbs_down_v2_default&depth_1-utm_source=distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-2-12615009-bbs-80095920.264^v3^pc_relevant_bbs_down_v2_default","dataReportClick":"{\"mod\":\"popu_645\",\"index\":\"2\",\"dest\":\"https:\u002F\u002Fblog.csdn.net\u002Fu012220174\u002Farticle\u002Fdetails\u002F12615009\",\"strategy\":\"2~default~OPENSEARCH~Rate\",\"extra\":\"{\\\"utm_medium\\\":\\\"distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-2-12615009-bbs-80095920.264^v3^pc_relevant_bbs_down_v2_default\\\",\\\"dist_request_id\\\":\\\"1770859979771_23048\\\"}\",\"spm\":\"1035.2023.3001.6557\"}","dataReportView":"{\"mod\":\"popu_645\",\"index\":\"2\",\"dest\":\"https:\u002F\u002Fblog.csdn.net\u002Fu012220174\u002Farticle\u002Fdetails\u002F12615009\",\"strategy\":\"2~default~OPENSEARCH~Rate\",\"extra\":\"{\\\"utm_medium\\\":\\\"distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-2-12615009-bbs-80095920.264^v3^pc_relevant_bbs_down_v2_default\\\",\\\"dist_request_id\\\":\\\"1770859979771_23048\\\"}\",\"spm\":\"1035.2023.3001.6557\"}","type":"blog"},{"url":"https:\u002F\u002Fblog.csdn.net\u002Fweixin_28235889\u002Farticle\u002Fdetails\u002F153879270","title":"\u003Cem\u003E网页\u003C\u002Fem\u003E中高效显示与交互式SVG图片实战指南","desc":"SVG（Scalable Vector Graphics）是一种基于XML的矢量图形格式，通过点、路径和数学公式描述图像，而非像素阵列。这使得SVG在任意\u003Cem\u003E缩放\u003C\u002Fem\u003E级别下均能保持清晰锐利，尤其适用于高分辨率屏幕与响应式\u003Cem\u003E网页\u003C\u002Fem\u003E设计。相比JPEG、PNG等位图格式，SVG具备文件体积小、可压缩性强、支持CSS样式与JavaScript交互等显著优势。现代浏览器全面支持SVG，且其原生兼容无障碍访\u003Cem\u003E问\u003C\u002Fem\u003E（如\u003Ctitle\u003E和\u003Cdesc\u003E标签），有助于提升SEO表现。","createTime":"2025-10-25 17:17:56","dataReportQuery":"spm=1035.2023.3001.6557&utm_medium=distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-3-153879270-bbs-80095920.264^v3^pc_relevant_bbs_down_v2_default&depth_1-utm_source=distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-3-153879270-bbs-80095920.264^v3^pc_relevant_bbs_down_v2_default","dataReportClick":"{\"mod\":\"popu_645\",\"index\":\"3\",\"dest\":\"https:\u002F\u002Fblog.csdn.net\u002Fweixin_28235889\u002Farticle\u002Fdetails\u002F153879270\",\"strategy\":\"2~default~OPENSEARCH~Rate\",\"extra\":\"{\\\"utm_medium\\\":\\\"distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-3-153879270-bbs-80095920.264^v3^pc_relevant_bbs_down_v2_default\\\",\\\"dist_request_id\\\":\\\"1770859979771_23048\\\"}\",\"spm\":\"1035.2023.3001.6557\"}","dataReportView":"{\"mod\":\"popu_645\",\"index\":\"3\",\"dest\":\"https:\u002F\u002Fblog.csdn.net\u002Fweixin_28235889\u002Farticle\u002Fdetails\u002F153879270\",\"strategy\":\"2~default~OPENSEARCH~Rate\",\"extra\":\"{\\\"utm_medium\\\":\\\"distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-3-153879270-bbs-80095920.264^v3^pc_relevant_bbs_down_v2_default\\\",\\\"dist_request_id\\\":\\\"1770859979771_23048\\\"}\",\"spm\":\"1035.2023.3001.6557\"}","type":"blog"},{"url":"https:\u002F\u002Fblog.csdn.net\u002Fgitblog_00864\u002Farticle\u002Fdetails\u002F151697269","title":"Cropper.js水印添加：裁剪后图片\u003Cem\u003E自动\u003C\u002Fem\u003E添加水印的实现方法","desc":"你是否还在为图片裁剪后需要手动添加水印而烦恼？是否希望用户上传的图片能\u003Cem\u003E自动\u003C\u002Fem\u003E带上版权标识或品牌信息？本文将详细介绍如何基于Cropper.js（一款功能强大的图片裁剪库）实现裁剪后图片\u003Cem\u003E自动\u003C\u002Fem\u003E添加水印的完整方案，从基础集成到高级\u003Cem\u003E定制\u003C\u002Fem\u003E，让你轻松掌握前端图片处理的关键技术。\n\n读完本文后，你将能够：\n- 正确集成Cropper.js到Web项目中\n- 实现图片裁剪与水印添加的无缝衔接\n- 掌握文字水印、图片...","createTime":"2025-09-15 04:02:17","dataReportQuery":"spm=1035.2023.3001.6557&utm_medium=distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-4-151697269-bbs-80095920.264^v3^pc_relevant_bbs_down_v2_default&depth_1-utm_source=distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-4-151697269-bbs-80095920.264^v3^pc_relevant_bbs_down_v2_default","dataReportClick":"{\"mod\":\"popu_645\",\"index\":\"4\",\"dest\":\"https:\u002F\u002Fblog.csdn.net\u002Fgitblog_00864\u002Farticle\u002Fdetails\u002F151697269\",\"strategy\":\"2~default~OPENSEARCH~Rate\",\"extra\":\"{\\\"utm_medium\\\":\\\"distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-4-151697269-bbs-80095920.264^v3^pc_relevant_bbs_down_v2_default\\\",\\\"dist_request_id\\\":\\\"1770859979771_23048\\\"}\",\"spm\":\"1035.2023.3001.6557\"}","dataReportView":"{\"mod\":\"popu_645\",\"index\":\"4\",\"dest\":\"https:\u002F\u002Fblog.csdn.net\u002Fgitblog_00864\u002Farticle\u002Fdetails\u002F151697269\",\"strategy\":\"2~default~OPENSEARCH~Rate\",\"extra\":\"{\\\"utm_medium\\\":\\\"distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-4-151697269-bbs-80095920.264^v3^pc_relevant_bbs_down_v2_default\\\",\\\"dist_request_id\\\":\\\"1770859979771_23048\\\"}\",\"spm\":\"1035.2023.3001.6557\"}","type":"blog"},{"url":"https:\u002F\u002Fblog.csdn.net\u002Fweixin_35756690\u002Farticle\u002Fdetails\u002F154129268","title":"Android图片\u003Cem\u003E缩放\u003C\u002Fem\u003E与GIF动画显示库实战：Photoview与GifView集成应用","desc":"在现代Android应用中，图片展示已不再是简单的静态资源加载，而是演变为一种高度交互化的视觉体验。尤其是在媒体浏览、社交平台和电商类应用中，用户对图像操作的自由度要求越来越高——双指\u003Cem\u003E缩放\u003C\u002Fem\u003E查看细节、单指拖动平移、旋转校正视角等行为已成为标配。然而，原生ImageView在处理这些复杂手势时存在明显短板：无法支持连续\u003Cem\u003E缩放\u003C\u002Fem\u003E、缺乏精确的矩阵控制、容易与其他容器（如ViewPager）产生事件冲突。为解决这些\u003Cem\u003E\u003Cem\u003E问\u003C\u002Fem\u003E题\u003C\u002Fem\u003E，社区广泛采用第三方控件库PhotoView，它基于ImageView。","createTime":"2025-10-30 15:48:30","dataReportQuery":"spm=1035.2023.3001.6557&utm_medium=distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-5-154129268-bbs-80095920.264^v3^pc_relevant_bbs_down_v2_default&depth_1-utm_source=distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-5-154129268-bbs-80095920.264^v3^pc_relevant_bbs_down_v2_default","dataReportClick":"{\"mod\":\"popu_645\",\"index\":\"5\",\"dest\":\"https:\u002F\u002Fblog.csdn.net\u002Fweixin_35756690\u002Farticle\u002Fdetails\u002F154129268\",\"strategy\":\"2~default~OPENSEARCH~Rate\",\"extra\":\"{\\\"utm_medium\\\":\\\"distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-5-154129268-bbs-80095920.264^v3^pc_relevant_bbs_down_v2_default\\\",\\\"dist_request_id\\\":\\\"1770859979771_23048\\\"}\",\"spm\":\"1035.2023.3001.6557\"}","dataReportView":"{\"mod\":\"popu_645\",\"index\":\"5\",\"dest\":\"https:\u002F\u002Fblog.csdn.net\u002Fweixin_35756690\u002Farticle\u002Fdetails\u002F154129268\",\"strategy\":\"2~default~OPENSEARCH~Rate\",\"extra\":\"{\\\"utm_medium\\\":\\\"distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-5-154129268-bbs-80095920.264^v3^pc_relevant_bbs_down_v2_default\\\",\\\"dist_request_id\\\":\\\"1770859979771_23048\\\"}\",\"spm\":\"1035.2023.3001.6557\"}","type":"blog"}],"staffDOList":[{"id":null,"communityId":143,"username":"community_24","userNickname":"ASP","roleCode":1,"status":1,"createUsername":"","updateUsername":"","avatarUrl":"https:\u002F\u002Fprofile-avatar.csdnimg.cn\u002Fdefault.jpg!1","createTime":"2021-05-12 18:05:56","updateTime":"2021-05-12 18:05:56","lastLoginTime":"2021-05-12 18:05:56"},{"id":null,"communityId":143,"username":"sysdzw","userNickname":"无·法","roleCode":2,"status":1,"createUsername":"community_24","updateUsername":"","avatarUrl":"https:\u002F\u002Fprofile-avatar.csdnimg.cn\u002F45dcec50fd694b578374e7167ff7914a_sysdzw.jpg!1","createTime":"2021-06-16 19:25:33","updateTime":"2021-06-16 19:25:33","lastLoginTime":"2021-06-16 19:25:33"}],"communityConfig":{"scoreType":0,"scoreItems":{"0":"给本帖投票","1":"锋芒小试，眼前一亮","2":"潜力巨大，未来可期","3":"持续贡献，值得关注","4":"成绩优异，大力学习","5":"贡献巨大，全力支持"}},"shouldApply":false,"subscribeAble":false,"operatorAble":false,"commentNeedJoinCommunity":false},"default2014LiveRoom":[{"itemType":"","description":"高峰论坛","title":"2022 技术英雄会","url":"https:\u002F\u002Flive.csdn.net\u002Froom\u002Fiframe\u002Fcsdnnews\u002FfsNR5NWp?chat=1&title=1&footer=1","images":["https:\u002F\u002Fimg-home.csdnimg.cn\u002Fimages\u002F20221016050009.png"],"ext":{"time":"9:00","liveRoomUrl":"https:\u002F\u002Flive.csdn.net\u002Froom\u002Fcsdnnews\u002FfsNR5NWp"}}]},"isGooglebot":false,"canonical":"https:\u002F\u002Fwww.csdn.net\u002Ftopics\u002F80095920","openUrl":"","isApp":false,"localUrl":"https:\u002F\u002Fbbs.csdn.net\u002Ftopics\u002F80095920","typeId":"index","hasIndex":false,"hasHeader":true},"CFG":{"ALIPLAYER_VERSION":"v4","ALIPLAYER_H5_VERSION":"mobile_v1","ENV":"prod","ROOT_URL":"https:\u002F\u002Fcms-mall.csdn.net\u002F","VUE_APP_API_URL_SERVER":"http:\u002F\u002Fcms-community-api.internal.csdn.net\u002F","VUE_APP_API_URL":"https:\u002F\u002Fcms-api.csdn.net\u002F","LOGIN_URL":"https:\u002F\u002Fpassport.csdn.net\u002Faccount\u002Flogin","VUE_APP_DOMAIN_SKILL":"https:\u002F\u002Fedu.csdn.net\u002F","VUE_APP_DOMAIN_PATH":"https:\u002F\u002Fedu.csdn.net\u002F","VUE_APP_COMMUNITY_API_URL":"https:\u002F\u002Fcommunity-api.csdn.net\u002F","VUE_APP_CCLOUD_API_URL":"https:\u002F\u002Fbizapi.csdn.net\u002Fcommunity-cloud\u002Fv1\u002F","VUE_APP_SKILL_API_URL":"https:\u002F\u002Fbizapi.csdn.net\u002Fskilltree\u002Fapi\u002F","VUE_APP_SEARCH_PLUGIN_API_URL":"https:\u002F\u002Fbizapi.csdn.net\u002Fsearchplugin\u002F","VUE_APP_COMMUNITY_ASK_API_URL":"https:\u002F\u002Fmp-ask.csdn.net\u002F","VUE_APP_ME_URL":"https:\u002F\u002Fme.csdn.net\u002F","VUE_APP_CCLOUD_RESUME":"https:\u002F\u002Fbizapi.csdn.net\u002Fjob-api\u002F","VUE_APP_CCLOUD_MAIN":"https:\u002F\u002Fwww.csdn.net\u002F","VUE_APP_CCLOUD_UC":"https:\u002F\u002Fwww.csdn.net\u002F","VUE_APP_CCLOUD_BZP_API_URL":"https:\u002F\u002Fbizapi.csdn.net\u002F","VUE_APP_CCLOUD_START_API_URL":"https:\u002F\u002Fmp-action.csdn.net\u002F","VUE_APP_PRACTIVE":"https:\u002F\u002Fbizapi.csdn.net\u002Fdaily-practice\u002F","VUE_APP_CCLOUD_HOSTPATH":"https:\u002F\u002Fbbs.csdn.net\u002F"},"queries":{"pageId":[],"domain":["ccloud.csdn.net\u002Fccloud\u002Fdetail1"],"id":["80095920"],"deviceType":"pc","isSpider":"","hostname":["bbs.csdn.net"]},"basePath":"bbs.csdn.net\u002Fccloud\u002Ftopics\u002F80095920","hrefUrl":"https:\u002F\u002Fbbs.csdn.net\u002Ftopics\u002F80095920","active":0,"navBarFixed":false,"title":"问两个网页上的问题！---定制上传图片尺寸、自动缩放文字大小。。。","isLive":false,"contentType":{"text":"text","picture":"picture","link":"link","video":"video","vote":"vote","live":"live","blog":"blog","long_text":"long_text","task_text":"task_text"},"liveUrl":"https:\u002F\u002Flive.csdn.net\u002Froom\u002Fiframe\u002F","spmExtra":{"id":143,"topicId":80095920},"keywords":"","description":"以下内容是CSDN社区关于问两个网页上的问题！---定制上传图片尺寸、自动缩放文字大小。。。相关内容，如果想了解更多关于ASP社区其他内容，请访问CSDN社区。","mounted":false,"infoNoticeData":{"src":"","href":"","spm":"","delay":5},"showDialogInfoNotice":false};</script><script type="text/javascript" src="https://csdnimg.cn/release/cmsfe/public/js/runtime.b9884f01.js"></script><script type="text/javascript" src="https://csdnimg.cn/release/cmsfe/public/js/chunk/common.5d3e3f67.js"></script><script type="text/javascript" src="https://csdnimg.cn/release/cmsfe/public/js/chunk/tpl/ccloud-detail/index.cbc72838.js"></script></body> <!----> <script> window.csdn.sideToolbar = { options: { qr: { isShow: true, data: [ { imgSrc: 'https://csdnimg.cn/release/cmsfe/public/img/ewm.9010d6e5.png', desc: "关注公众号" }, ] }, help: { isShow: false, }, contentEl: document.getElementsByClassName("cloud-maintainer")[0] }, }; </script> <script src="https://g.csdnimg.cn/side-toolbar/2.9/side-toolbar.js" ></script> <!----> <!----> <!----> <script src="https://csdnimg.cn/release/blog_editor_html/release1.7.5/ckeditor/plugins/codesnippet/lib/highlight/highlight.pack.js"></script> <script src="https://g.csdnimg.cn/lib/editor-page-detail/v2.2.0/js/runDetail.min.js"></script> <!----> <!----> <!----> <!----> <!----> <!----> <script src="https://g.csdnimg.cn/collection-box/2.1.0/collection-box.js"></script> <!----> <!----> <!----> <!----> <script src="https://g.csdnimg.cn/common/csdn-cert/csdn-cert.js"></script> <!----></html>