MCBBS Wiki欢迎您共同参与编辑!在参与编辑之前请先阅读Wiki方针

如果在编辑的过程中遇到了什么问题,可以去讨论板提问。

为了您能够无阻碍地参与编辑 未验证/绑定过邮箱的用户,请尽快绑定/验证

MCBBS Wiki GitHub群组已上线!

您可以在回声洞中发表吐槽!

服务器状态监控。点击进入

本站由MCBBS用户自行搭建,与MCBBS及东银河系漫游指南(北京)科技有限公司没有从属关系。点此了解 MCBBS Wiki 不是什么>>

用户:Salt lovely/沙盒

来自MCBBS Wiki
Salt lovely留言 | 贡献2021年2月17日 (三) 22:02的版本 (// Edit via Wikiplus)
跳到导航 跳到搜索

尚未实装,所以除了我以外的人都看不见2333

123

cccctest bbbb testaaaa


·这·是·一·个·渐·变·色·测·试·,·为·了·保·证·测·试·效·果··文·字·应·该·尽·可·能·地·长·——使用了-webkit-,颜色可以无限多,兼容性不佳

  • 坐等CSS新版本,支持 background-clip: text; 的时候吧

·这·是·一·个·渐·变·色·测·试·,·为·了·保·证·测·试·效·果·,·文·字·应·该·尽·可·能·地·长·——未使用-webkit-,只能用两种颜色,浏览器兼容

  • 开发失败

测试功能

/抓取MCBBS用户头像

新签名

—— Salt lovely敢竭鄙怀恭疏短引

样式测试

离骚 【周】屈原

帝高阳之苗裔兮,朕皇考曰伯庸。

摄提贞于孟陬兮,惟庚寅吾以降。

皇览揆余初度兮,肇锡余以嘉名:

名余曰正则兮,字余曰灵均。

纷吾既有此内美兮,又重之以修能。

扈江离与辟芷兮,纫秋兰以为佩。

汩余若将不及兮,恐年岁之不吾与。

朝搴阰之木兰兮,夕揽洲之宿莽。

日月忽其不淹兮,春与秋其代序。

....

样式存档

/* #bodyContent{
    margin-left: auto !important;margin-right: auto !important;
} */

/* #content:before{
    content:'';
    left:0;
    height:var(--bgtop);
    width:calc(100% - 90px);
    padding:0 45px;
    margin-top:-45px;
    display:block;
    position:absolute;
    background: 
         url(https://s2.ax1x.com/2019/11/28/QFB2X4.png)left top no-repeat,
        url(https://s2.ax1x.com/2019/11/28/QFBfB9.png)right top no-repeat, 
        url(https://wiki.crash-logs.cn/images/2/21/body_top.png)top repeat-x;
} */
/* #content:after{
    content:'';
    left:0;
    height:var(--bgtop);
    width:calc(100% - 90px);
    padding:0 45px;
    bottom:0px;
    margin-bottom:-45px;
    display:block;
    position:absolute;
    background:
        url(https://wiki.crash-logs.cn/images/7/7d/body_bottom.png)bottom repeat-xcontent-box,
        url(https://s2.ax1x.com/2019/11/28/QFcINd.png)left bottom no-repeat,
        url(https://s2.ax1x.com/2019/11/28/QFc5AH.png)right bottom no-repeat;
} */

新章节: 测试

测试:添加新章节

JS代码存档

// MCBBS头像上传时三个大小头像切片上传代码 - 修改 - 启用抗锯齿
// 其实就加了两行
(0, eval)(`function saveAvatar() {
    var img = $('avatarimage');
    var sd = getSelectorDimention();
    var ad = getAvatarDimension();
    var rl = (sd.left-ad.left)/ad.width;
    var rt = (sd.top-ad.top)/ad.height;
    var rw = sd.width/ad.width;
    var rh = sd.height/ad.height;
    var iw = jQuery('#avatarimage').width();
    var ih = jQuery('#avatarimage').height();
    var sl = rl*iw;
    var st = rt*ih;
    var sw = rw*iw;
    var sh = rh*ih;
    var tw = sw;
    var th = sh;
    if (sw>200 || sh>250) {
        var r = Math.max(sw/200, sh/250);
        tw = Math.floor(sw/r);
        th = Math.floor(sh/r);
    }          
    var canvas = document.createElement('canvas');
    canvas.width = tw;
    canvas.height = th;
    var ctx = canvas.getContext("2d");
    ctx.fillStyle = 'white';
    ctx.fillRect(0, 0, tw, th);
    ctx.drawImage(img, sl, st, sw, sh, 0, 0, tw, th);
    ctx.imageSmoothingEnabled = true;   // 启用抗锯齿
    ctx.imageSmoothingQuality = "high"; // 高品质抗锯齿
    var dataURL = canvas.toDataURL("image/jpeg");
    jQuery('#avatar1').val(dataURL.substr(dataURL.indexOf(",") + 1));
    var tw = sw;
    var th = sh;
    if (sw>120 || sh>120) {
        var r = Math.max(sw/120, sh/120);
        tw = Math.floor(sw/r);
        th = Math.floor(sh/r);
    }     
    var canvas = document.createElement('canvas');
    canvas.width = tw;
    canvas.height = th;
    var ctx = canvas.getContext("2d");
    ctx.fillStyle = 'white';
    ctx.fillRect(0, 0, tw, th);
    ctx.drawImage(img, sl, st, sw, sh, 0, 0, tw, th);
    var dataURL = canvas.toDataURL("image/jpeg");
    jQuery('#avatar2').val(dataURL.substr(dataURL.indexOf(",") + 1));
    var mwh = Math.min(sw, sh);
    if (sw>mwh) {
        sl += Math.floor((sw-mwh)/2);
        sw = mwh;
    }
    if (sh>mwh) {
        st += Math.floor((sh-mwh)/2);
        sh = mwh;
    }
    var tw = 48;
    var th = 48;
    var canvas = document.createElement('canvas');
    canvas.width = tw;
    canvas.height = th;
    var ctx = canvas.getContext("2d");
    ctx.fillStyle = 'white';
    ctx.fillRect(0, 0, tw, th);
    ctx.drawImage(img, sl, st, sw, sh, 0, 0, tw, th);
    var dataURL = canvas.toDataURL("image/jpeg");
    jQuery('#avatar3').val(dataURL.substr(dataURL.indexOf(",") + 1));
    var src = $('avatarform').action;
    $('avatarform').action = data[data.indexOf('src')+1].replace('images/camera.swf?inajax=1', 'index.php?m=user&a=rectavatar&base64=yes');
    $('avatarform').target='rectframe'; 
}`)