Want to join? Log In or Join Now in seconds. English (United States)

CREATE A NEW ACCOUNT

{{registerModel.Error}}

Log In

/content/images/forum.png

Feedbacks

Get help from the knowledgeable Reddah Community and official Reddah Support!
/content/images/ambassador.png

Discuss on AD

A place for discussing the ads that reddah is currently running.
/content/images/contact_us.png

Contact Us

Get in touch with an Reddah Support technician. We are ready and willing to help you!
52

var canvas = document.getElementById("canvas"), ctx = canvas.getContext("2d"), img = new Image(), effectEl = document.getElementById("effect"), settings = { radius: 4, intensity: 25, ApplyFilter: function() { doOilPaintEffect(); } } img.addEventListener('load', function() { // reduced the size by half for pen and performance. canvas.width = (this.width / 2); canvas.height = (this.height / 2); ctx.drawImage(this, 0, 0, canvas.width, canvas.height); }); function chooseFromPhoto(){ window["reddahApi"].album().then(data=>{ img.src=data.replace("file://","http://localhost:8080/_app_file_"); canvas.width = "90%"//(this.width / 2); canvas.height = "90%"//(this.height / 2); ctx.drawImage(this, 0, 0, canvas.width, canvas.height); }) } function chooseFromCamera(){ window["reddahApi"].camera().then(data=>{ img.src=data.replace("file://","http://localhost:8080/_app_file_"); canvas.width = "90%"//(this.width / 2); canvas.height = "90%"//(this.height / 2); ctx.drawImage(this, 0, 0, canvas.width, canvas.height); }) } img.crossOrigin = "Anonymous"; img.src = "assets/500/musk.jpg"; vl=1; function mt(v){ vl=v; change(); } function change(){ let base64Image = canvas.toDataURL('image/jpeg'); window["reddahApi"].qqMusk(vl,base64Image).then(data=>{ //alert(JSON.stringify(data)) if(data.Success==0){ let qqmsg = JSON.parse(data.Message); //alert(qqmsg .ret) if(qqmsg .ret===0){ getBase64Image(qqmsg .data.image); } else{ alert('error1:'+JSON.stringify(data)) } } else{ alert('error2:'+JSON.stringify(data)) } }) } function getBase64Image(data){ //alert(data) var dimg=document.getElementById("dest-img"); //alert(dimg) dimg.src="data:image/jpeg;base64,"+data; dimg.width=img.width; dimg.height=img.height; }; window["reddahApi"].loadCompleted()

.test{ }
submitted 5 years ago ago by 054952f0c62a48c980ce39f09ddfcf4b
picture

Original

仿PS油画滤镜特效







53

var canvas = document.getElementById("canvas"), ctx = canvas.getContext("2d"), img = new Image(), effectEl = document.getElementById("effect"), settings = { radius: 4, intensity: 25, ApplyFilter: function() { doOilPaintEffect(); } } img.addEventListener('load', function() { // reduced the size by half for pen and performance. canvas.width = (this.width / 2); canvas.height = (this.height / 2); ctx.drawImage(this, 0, 0, canvas.width, canvas.height); }); function chooseFromPhoto(){ window["reddahApi"].album().then(data=>{ img.src=data.replace("file://","http://localhost:8080/_app_file_"); canvas.width = "90%"//(this.width / 2); canvas.height = "90%"//(this.height / 2); ctx.drawImage(this, 0, 0, canvas.width, canvas.height); }) } function chooseFromCamera(){ window["reddahApi"].camera().then(data=>{ img.src=data.replace("file://","http://localhost:8080/_app_file_"); canvas.width = "90%"//(this.width / 2); canvas.height = "90%"//(this.height / 2); ctx.drawImage(this, 0, 0, canvas.width, canvas.height); }) } img.crossOrigin = "Anonymous"; img.src = "assets/500/musk.jpg"; vl=1; function mt(v){ vl=v; change(); } function change(){ let base64Image = canvas.toDataURL('image/jpeg'); window["reddahApi"].qqMusk(vl,base64Image).then(data=>{ //alert(JSON.stringify(data)) if(data.Success==0){ let qqmsg = JSON.parse(data.Message); //alert(qqmsg .ret) if(qqmsg .ret===0){ getBase64Image(qqmsg .data.image); } else{ alert('error1:'+JSON.stringify(data)) } } else{ alert('error2:'+JSON.stringify(data)) } }) } function getBase64Image(data){ //alert(data) //var dimg=document.getElementById("dest-img"); //alert(dimg) //dimg.src="data:image/jpeg;base64,"+data; //dimg.width=img.width; //dimg.height=img.height; window["reddahApi"].viewImage("data:image/jpeg;base64,"+data); }; window["reddahApi"].loadCompleted()

.test{ }
submitted 5 years ago ago by 054952f0c62a48c980ce39f09ddfcf4b
picture

原图







55

var canvas = document.getElementById("canvas"), ctx = canvas.getContext("2d"), img = new Image(), effectEl = document.getElementById("effect"), settings = { radius: 4, intensity: 25, ApplyFilter: function() { doOilPaintEffect(); } } img.addEventListener('load', function() { // reduced the size by half for pen and performance. canvas.width = (this.width / 2); canvas.height = (this.height / 2); ctx.drawImage(this, 0, 0, canvas.width, canvas.height); }); function chooseFromPhoto(){ window["reddahApi"].album().then(data=>{ img.src=data.replace("file://","http://localhost:8080/_app_file_"); canvas.width = "90%"//(this.width / 2); canvas.height = "90%"//(this.height / 2); ctx.drawImage(this, 0, 0, canvas.width, canvas.height); }) } function chooseFromCamera(){ window["reddahApi"].camera().then(data=>{ img.src=data.replace("file://","http://localhost:8080/_app_file_"); canvas.width = "90%"//(this.width / 2); canvas.height = "90%"//(this.height / 2); ctx.drawImage(this, 0, 0, canvas.width, canvas.height); }) } img.crossOrigin = "Anonymous"; img.src = "assets/500/musk.jpg"; vl=1; function mt(v){ vl=v; change(); } function change(){ let base64Image = canvas.toDataURL('image/jpeg'); window["reddahApi"].qqMusk(vl,base64Image).then(data=>{ //alert(JSON.stringify(data)) if(data.Success==0){ let qqmsg = JSON.parse(data.Message); //alert(qqmsg .ret) if(qqmsg .ret===0){ getBase64Image(qqmsg .data.image); } else{ alert('error1:'+JSON.stringify(data)) } } else{ alert('error2:'+JSON.stringify(data)) } }) } function getBase64Image(data){ //alert(data) //var dimg=document.getElementById("dest-img"); //alert(dimg) //dimg.src="data:image/jpeg;base64,"+data; //dimg.width=img.width; //dimg.height=img.height; window["reddahApi"].viewImage("data:image/jpeg;base64,"+data); }; window["reddahApi"].loadCompleted()

.test{ }
submitted 5 years ago ago by 054952f0c62a48c980ce39f09ddfcf4b
picture

原图







57

var canvas = document.getElementById("canvas"), ctx = canvas.getContext("2d"), img = new Image(), effectEl = document.getElementById("effect"), settings = { radius: 4, intensity: 25, ApplyFilter: function() { doOilPaintEffect(); } } img.addEventListener('load', function() { // reduced the size by half for pen and performance. canvas.width = (this.width / 2); canvas.height = (this.height / 2); ctx.drawImage(this, 0, 0, canvas.width, canvas.height); }); function chooseFromPhoto(){ window["reddahApi"].album().then(data=>{ img.src=data.replace("file://","http://localhost:8080/_app_file_"); canvas.width = "90%"//(this.width / 2); canvas.height = "90%"//(this.height / 2); ctx.drawImage(this, 0, 0, canvas.width, canvas.height); }) } function chooseFromCamera(){ window["reddahApi"].camera().then(data=>{ img.src=data.replace("file://","http://localhost:8080/_app_file_"); canvas.width = "90%"//(this.width / 2); canvas.height = "90%"//(this.height / 2); ctx.drawImage(this, 0, 0, canvas.width, canvas.height); }) } img.crossOrigin = "Anonymous"; img.src = "assets/500/musk.jpg"; vl=1; function mt(v){ vl=v; change(); } function change(){ let base64Image = canvas.toDataURL('image/jpeg'); window["reddahApi"].loadingStart('bubbles',2000); window["reddahApi"].qqMusk(vl,base64Image).then(data=>{ //alert(JSON.stringify(data)) if(data.Success==0){ let qqmsg = JSON.parse(data.Message); //alert(qqmsg .ret) if(qqmsg .ret===0){ getBase64Image(qqmsg .data.image); } else{ alert('error1:'+JSON.stringify(data)) } } else{ alert('error2:'+JSON.stringify(data)) } }) } function getBase64Image(data){ //alert(data) //var dimg=document.getElementById("dest-img"); //alert(dimg) //dimg.src="data:image/jpeg;base64,"+data; //dimg.width=img.width; //dimg.height=img.height; window["reddahApi"].viewImage("data:image/jpeg;base64,"+data).then(data=>{ window["reddahApi"].loadingStop(); }); }; window["reddahApi"].loadCompleted()

.test{ }
submitted 5 years ago ago by 054952f0c62a48c980ce39f09ddfcf4b
picture

原图







58

window["reddahApi"].loadCompleted()

.waifu{position:fixed;bottom:0;z-index:1;font-size:0;-webkit-transform:translateY(3px);transform:translateY(3px)}.waifu:hover{-webkit-transform:translateY(0);transform:translateY(0)}.waifu-tips{opacity:0;margin:-20px 20px;padding:5px 10px;border:1px solid rgba(224,186,140,.62);border-radius:12px;background-color:rgba(236,217,188,.5);box-shadow:0 3px 15px 2px rgba(191,158,118,.2);text-overflow:ellipsis;overflow:hidden;position:absolute;animation-delay:5s;animation-duration:50s;animation-iteration-count:infinite;animation-name:shake;animation-timing-function:ease-in-out}.waifu-tool{display:none;color:#aaa;top:50px;right:10px;position:absolute}.waifu:hover .waifu-tool{display:block}.waifu-tool span{display:block;cursor:pointer;color:#5b6c7d;transition:.2s}.waifu-tool span:hover{color:#34495e}.waifu #live2d{position:relative}@keyframes shake{2%{transform:translate(.5px,-1.5px) rotate(-.5deg)}4%{transform:translate(.5px,1.5px) rotate(1.5deg)}6%{transform:translate(1.5px,1.5px) rotate(1.5deg)}8%{transform:translate(2.5px,1.5px) rotate(.5deg)}10%{transform:translate(.5px,2.5px) rotate(.5deg)}12%{transform:translate(1.5px,1.5px) rotate(.5deg)}14%{transform:translate(.5px,.5px) rotate(.5deg)}16%{transform:translate(-1.5px,-.5px) rotate(1.5deg)}18%{transform:translate(.5px,.5px) rotate(1.5deg)}20%{transform:translate(2.5px,2.5px) rotate(1.5deg)}22%{transform:translate(.5px,-1.5px) rotate(1.5deg)}24%{transform:translate(-1.5px,1.5px) rotate(-.5deg)}26%{transform:translate(1.5px,.5px) rotate(1.5deg)}28%{transform:translate(-.5px,-.5px) rotate(-.5deg)}30%{transform:translate(1.5px,-.5px) rotate(-.5deg)}32%{transform:translate(2.5px,-1.5px) rotate(1.5deg)}34%{transform:translate(2.5px,2.5px) rotate(-.5deg)}36%{transform:translate(.5px,-1.5px) rotate(.5deg)}38%{transform:translate(2.5px,-.5px) rotate(-.5deg)}40%{transform:translate(-.5px,2.5px) rotate(.5deg)}42%{transform:translate(-1.5px,2.5px) rotate(.5deg)}44%{transform:translate(-1.5px,1.5px) rotate(.5deg)}46%{transform:translate(1.5px,-.5px) rotate(-.5deg)}48%{transform:translate(2.5px,-.5px) rotate(.5deg)}50%{transform:translate(-1.5px,1.5px) rotate(.5deg)}52%{transform:translate(-.5px,1.5px) rotate(.5deg)}54%{transform:translate(-1.5px,1.5px) rotate(.5deg)}56%{transform:translate(.5px,2.5px) rotate(1.5deg)}58%{transform:translate(2.5px,2.5px) rotate(.5deg)}60%{transform:translate(2.5px,-1.5px) rotate(1.5deg)}62%{transform:translate(-1.5px,.5px) rotate(1.5deg)}64%{transform:translate(-1.5px,1.5px) rotate(1.5deg)}66%{transform:translate(.5px,2.5px) rotate(1.5deg)}68%{transform:translate(2.5px,-1.5px) rotate(1.5deg)}70%{transform:translate(2.5px,2.5px) rotate(.5deg)}72%{transform:translate(-.5px,-1.5px) rotate(1.5deg)}74%{transform:translate(-1.5px,2.5px) rotate(1.5deg)}76%{transform:translate(-1.5px,2.5px) rotate(1.5deg)}78%{transform:translate(-1.5px,2.5px) rotate(.5deg)}80%{transform:translate(-1.5px,.5px) rotate(-.5deg)}82%{transform:translate(-1.5px,.5px) rotate(-.5deg)}84%{transform:translate(-.5px,.5px) rotate(1.5deg)}86%{transform:translate(2.5px,1.5px) rotate(.5deg)}88%{transform:translate(-1.5px,.5px) rotate(1.5deg)}90%{transform:translate(-1.5px,-.5px) rotate(-.5deg)}92%{transform:translate(-1.5px,-1.5px) rotate(1.5deg)}94%{transform:translate(.5px,.5px) rotate(-.5deg)}96%{transform:translate(2.5px,-.5px) rotate(-.5deg)}98%{transform:translate(-1.5px,-1.5px) rotate(-.5deg)}0%,100%{transform:translate(0,0) rotate(0)}}@font-face{font-family:Flat-UI-Icons;src:url(flat-ui-icons-regular.eot);src:url(flat-ui-icons-regular.eot?#iefix) format('embedded-opentype'),url(flat-ui-icons-regular.woff) format('woff'),url(flat-ui-icons-regular.ttf) format('truetype'),url(flat-ui-icons-regular.svg#flat-ui-icons-regular) format('svg')}[class*=fui-],[class^=fui-]{font-family:Flat-UI-Icons;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fui-cross:before{content:"\e609"}.fui-info-circle:before{content:"\e60f"}.fui-photo:before{content:"\e62a"}.fui-eye:before{content:"\e62c"}.fui-chat:before{content:"\e62d"}.fui-home:before{content:"\e62e"}.fui-user:before{content:"\e631"}
submitted 5 years ago ago by b61637bfb67445dd81c4509874177c10
picture
Live2D 看板娘 v1.2 / Demo

Live2D 看板娘 v1.2 / Demo

66

var canvas = document.getElementById("canvas"), ctx = canvas.getContext("2d"), img = new Image(), effectEl = document.getElementById("effect"), settings = { radius: 4, intensity: 25, ApplyFilter: function() { doOilPaintEffect(); } } img.addEventListener('load', function() { var originWidth = this.width; var originHeight = this.height; var maxWidth = 400, maxHeight = 400; var targetWidth = originWidth, targetHeight = originHeight; if (originWidth > maxWidth || originHeight > maxHeight) { if (originWidth / originHeight > maxWidth / maxHeight) { targetWidth = maxWidth; targetHeight = Math.round(maxWidth * (originHeight / originWidth)); } else { targetHeight = maxHeight; targetWidth = Math.round(maxHeight * (originWidth / originHeight)); } } canvas.width = targetWidth; canvas.height = targetHeight; ctx.drawImage(this, 0, 0, canvas.width, canvas.height); }); function chooseFromPhoto(){ window["reddahApi"].album().then(data=>{ img.src=data.webPath; canvas.width = "90%"//(this.width / 2); canvas.height = "90%"//(this.height / 2); ctx.drawImage(this, 0, 0, canvas.width, canvas.height); }) } function chooseFromCamera(){ window["reddahApi"].camera().then(data=>{ img.src=data.webPath; canvas.width = "90%"//(this.width / 2); canvas.height = "90%"//(this.height / 2); ctx.drawImage(this, 0, 0, canvas.width, canvas.height); }) } img.crossOrigin = "Anonymous"; img.src = "assets/500/musk.jpg"; function read(){ change(); } function change(){ let base64Image = canvas.toDataURL('image/jpeg').replace("data:image/jpeg;base64,",""); window["reddahApi"].loadingStart('bubbles',20000); console.log(base64Image); window["reddahApi"].qqRead(base64Image).then(data=>{ if(data.Success==0){ let qqmsg = JSON.parse(data.Message); alert(JSON.stringify(qqmsg)) if(qqmsg.ret===0){ getBase64Image(qqmsg.data.image); } else{ let code = qqmsg.ret; if(code==29){ window["reddahApi"].alert("系统繁忙","请稍后重试") } else{ window["reddahApi"].alert("Error"+qqmsg.ret,qqmsg.msg) } } } else{ window["reddahApi"].alert("Error",JSON.stringify(data)) } }) } function getBase64Image(data){ window["reddahApi"].viewImage("data:image/jpeg;base64,"+data).then(data=>{ window["reddahApi"].loadingStop(); }); } window["reddahApi"].loadCompleted()

.title{ text-align:center; } .btn-box{ margin-top: 10px; display:flex; justify-content:space-around; } .photo{ display:flex; justify-content:center; } .btn1 { box-shadow:inset 0px 1px 0px 0px #ffffff; background-color:#f9f9f9; border-radius:6px; border:1px solid #dcdcdc; display:inline-block; cursor:pointer; color:#666666; font-family:Arial; font-size:15px; font-weight:bold; padding:6px 24px; text-decoration:none; text-shadow:0px 1px 0px #ffffff; margin:3px; } .btn1:hover { background-color:#5cbf2a; } .btn1:active { position:relative; top:1px; } .blueButton { box-shadow:inset 0px -3px 7px 0px #29bbff; background-color:#2dabf9; border-radius:3px; border:1px solid #0b0e07; display:inline-block; cursor:pointer; color:#ffffff; font-family:Arial; font-size:15px; padding:9px 23px; text-decoration:none; text-shadow:0px 1px 0px #263666; } .yellowButton { box-shadow: 0px 1px 0px 0px #fff6af; background-color:#ffec64; border-radius:6px; border:1px solid #ffaa22; display:inline-block; cursor:pointer; color:#333333; font-family:Arial; font-size:15px; font-weight:bold; padding:6px 24px; text-decoration:none; text-shadow:0px 1px 0px #ffee66; }
submitted 5 years ago ago by 81bda4e02c344e52ab0bc89473a48f30
picture

图片翻译





View more: < Prev Next > or try a Random SubReddah