jquery ,boostrap,你放心的用把，這都是免費(fèi)的插件庫(kù)。但是百度里的圖片，不管有沒有水印，都不建議你用來(lái)做商業(yè)用途，再喜歡，你至少要p一下吧，隨便改改也好吧。
創(chuàng)新互聯(lián)公司專注為客戶提供全方位的互聯(lián)網(wǎng)綜合服務(wù)，包含不限于網(wǎng)站制作、做網(wǎng)站、房縣網(wǎng)絡(luò)推廣、小程序定制開發(fā)、房縣網(wǎng)絡(luò)營(yíng)銷、房縣企業(yè)策劃、房縣品牌公關(guān)、搜索引擎seo、人物專訪、企業(yè)宣傳片、企業(yè)代運(yùn)營(yíng)等，從售前售中售后，我們都將竭誠(chéng)為您服務(wù)，您的肯定，是我們最大的嘉獎(jiǎng)；創(chuàng)新互聯(lián)公司為所有大學(xué)生創(chuàng)業(yè)者提供房縣建站搭建服務(wù)，24小時(shí)服務(wù)熱線：18980820575，官方網(wǎng)址：www.cdcxhl.com
!DOCTYPE html
html
head
meta charset="UTF-8"
titleDocument/title
script src=""/script
style
.str {
font: normal bold 5px Arial;
/* font-size: 5px;*/
color: rgb(224, 226, 226,0.4);
position: absolute;
padding-left: 16px;
padding-top: 53px;
display: none;
}
.str2 {
font: normal bold 5px Arial;
/* font-size: 5px; */
color: rgb(224, 226, 226,0.4);
position: absolute;
padding-left: 66px;
padding-top: 130px;
display: none;
}
/style
/head
body
divHOMEANGEL/div
divHOMEANGEL/div
img src=";fm=26gp=0.jpg" style="width:100px;height:100px;" /
div id="picture" style="width:100%;margin-left: 60px;"
/div
script
$(function () {
var img = [";fm=26gp=0.jpg"];
GetCanvas(img);
})
function AddCanvas(src, ById) {
var img = new Image();
img.src = src
img.onload = function () {
imgW = img.width;
imgH = img.height;
//準(zhǔn)備canvas環(huán)境
var canvas = document.getElementById(ById);
canvas.width = img.width;
canvas.height = img.height;
var ctx = canvas.getContext("2d");
// 繪制圖片
ctx.drawImage(img, 0, 0, img.width, img.height);
// 繪制水印
ctx.font = "20px bold Arial";
ctx.fillStyle = "rgb(224, 226, 226,0.6)";//這里是顏色
ctx.fillText("watermark watermark", 20, 60);
ctx.fillText("watermark watermark", 120, 160);
ctx.fillText("watermark watermark", 220, 220);
//ctx.fillText("HOMEANGEL", 90, 130);
canvas.style.width = "100px";
canvas.style.height = "100px";
}
}
function GetCanvas(Strhtml) {
if (Strhtml.length 0 Strhtml != "") {
var html = "";
for (var i = 0; i Strhtml.length; i++) {
var str = "sample" + (i + 1);
html += ' canvas id=' + str + ' name="test" src=' + Strhtml[i] + ' "/canvas';
}
$("#picture").html(html);//這里圖片添加到html，然后for，添加水印
}
for (var i = 0; i Strimg.length; i++) {
var str = "sample" + (i + 1);
var src = Strhtml[i];
AddCanvas(src, str);//id沒傳遞
}
}
/script
/body
!DOCTYPE html
html lang="ch"
head
meta charset="utf-8"
meta http-equiv="X-UA-Compatible" content="IE=edge"
meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0"
titlewhatsns專業(yè)級(jí)開源內(nèi)容付費(fèi)php問答系統(tǒng)/title
meta name="description" content="whatsns是一款全面開放源碼采用php+mysql技術(shù)研發(fā)的問答系統(tǒng)，產(chǎn)品端包括免費(fèi)版，個(gè)人版，基礎(chǔ)版，高級(jí)版，微信版，小程序版，APP版，個(gè)人站長(zhǎng)和企業(yè)可以選擇合適的產(chǎn)品端。" /
meta name="keywords" content="whatsns,問答系統(tǒng),php問答系統(tǒng),語(yǔ)音問答系統(tǒng),內(nèi)容付費(fèi)問答系統(tǒng),采集問答系統(tǒng)" /
meta name="author" content="whatsns Team" /
meta name="copyright" content="" /
link href="./dist/css/main.css" rel="stylesheet"
link href="./dist/font-awesome/css/font-awesome.min.css" rel="stylesheet"
script src="./dist/js/jquery-1.11.3.min.js" type="text/javascript"/script
script src="./dist/js/bootstrap.js" type="text/javascript"/script
script src="./dist/js/ie.js" type="text/javascript"/script
/head
body
nav class="navbar navbar-fixed-top navbar-has-shadow"
div class="container"
div class="navbar-header"
button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false"
span class="sr-only"折疊/span
span class="icon-bar"/span
span class="icon-bar"/span
span class="icon-bar"/span
/button
a class="navbar-brand" href="./"
img src="dist/images/redash-logo.svg" class="navbar-brand__img" alt=""
/a
/div
div class="collapse navbar-collapse" id="navbar-collapse"
ul class="nav navbar-nav navbar-left"
lia data-track="" data-track-location="header" href="./"首頁(yè)/a/li
lia data-track="" data-track-location="header" href="./buy.html"產(chǎn)品購(gòu)買/a/li
lia data-track="" data-track-location="header" href="./dingzhi.html"定制開發(fā)/a/li
lia data-track="" data-track-location="header" href="./daili.html"代理招商/a/li
lia data-track="" target="_blank" data-track-location="header" href=""開發(fā)配置視頻教程/a/li
lia data-track="" target="_blank" data-track-location="header" href=""開發(fā)文檔/a/li
lia data-track="" target="_blank" data-track-location="header" href=""配置文檔/a/li
/ul
ul class="nav navbar-nav navbar-right"
lia data-track="" data-track-location="header" target="_blank" href=""社區(qū)交流/a/li
lia data-track="" data-track-location="header" track-event="Clicked Get Started"? target="_blank" href=";uin=617035918site=qqmenu=yes" class="btn btn-primary navbar-btn"購(gòu)買咨詢/a/li
/ul
/div
/div
/nav
main
div class="jumbotron masthead"
div class="container"
h1WHATSNS/h1
h2極速安裝，配置簡(jiǎn)單，功能強(qiáng)大，二開方便/h2
h2集問答，文章，課程，采集，SEO優(yōu)化，運(yùn)營(yíng)功能于一體的開源系統(tǒng)/h2
h2適合網(wǎng)站類型：個(gè)人流量網(wǎng)站，企業(yè)部門交流網(wǎng)站，企業(yè)知識(shí)庫(kù)網(wǎng)站，邀請(qǐng)入住型網(wǎng)站，內(nèi)容付費(fèi)型網(wǎng)站/h2
p class="masthead-button-links"
a class="btn btn-lg btnsource btn-shadow" href="" target="_blank" role="button" 開源版V4/a
a class="btn btn-lg btnshangye btn-shadow" href="./buy.html" target="_blank" role="button" 商業(yè)授權(quán)/a
/p
p class="qqgroup hidden-xs"
a class="bgtouming" target="_blank" img border="0" src="http://pub.idqqimg.com/wpa/images/group.png" alt="ask2問答系統(tǒng)（whatsns）" title="ask2問答系統(tǒng)（whatsns）"/a
a? class="bgtouming"? target="_blank" img border="0" src="http://pub.idqqimg.com/wpa/images/group.png" alt="ask2問答系統(tǒng)官方群二" title="ask2問答系統(tǒng)官方群二"/a
/p
p class="qqgroup hidden-md hidden-lg hidden-sm "
span官方QQ群一：370431002/spanspan官方QQ群二：258722465/span
/p
/div
/div
section class="section"
div class="container"
div class="row"
div class="col-md-8 col-md-offset-2 text-center"
h2 class="dtitle"為什么選擇whatsns/h2
p? class="huitext"1、可以滿足在垃圾虛擬主機(jī)運(yùn)行流暢/p
p? class="huitext"2、傻瓜式安裝，快速采集，快速SEO優(yōu)化內(nèi)容/p
p? class="huitext"3、輕松配置對(duì)接熊掌號(hào)，火車頭采集，xunsearch,OSS/p
p? class="huitext"4、PC和wap模板分離自由組合終端展示效果/p
p? class="huitext"5、網(wǎng)站從注冊(cè)，登錄，防灌水，內(nèi)容優(yōu)化，內(nèi)容采集挖掘，網(wǎng)站運(yùn)營(yíng)等方方面面為站長(zhǎng)深度定制細(xì)節(jié)/p
p? class="huitext"6、超強(qiáng)大的功能配置，自由開關(guān)前端功能/p
p? class="huitext"7、深度挖掘問答，文章，課程內(nèi)容付費(fèi)，讓站長(zhǎng)沒有難賺的錢/p
p? class="huitext"8、解決內(nèi)容付費(fèi)終端支付問題，您可以在PC，wap和微信端，APP中動(dòng)態(tài)調(diào)用不同底層支付方案解決內(nèi)容付費(fèi)問題label class="label-danger"獨(dú)家/label/p
p? class="huitext"9、支持微信語(yǔ)音回答，自動(dòng)轉(zhuǎn)碼，任何終端可以收聽語(yǔ)音回答label class="label-danger"獨(dú)家/label/p
p? class="huitext"10、性價(jià)比超值，貨比三家，市面上沒有任何一家問答+課程的開源系統(tǒng)能和我們比，有的一個(gè)終端（要么只有pc模板，要么只有wap模板）15000多人民幣，有的只有問答模塊，一套就是20000多人民幣只包含賣系統(tǒng)錢，技術(shù)支持單算，選擇我們是花一份錢買多個(gè)終端可用的產(chǎn)品，而且功能都碾壓其他家。/p
/div
/div
/section
section class="section bghui"
div class="container"
div class="row"
div class="col-md-8 col-md-offset-2 text-center"
h2 class="dtitle"使用whatsns如何實(shí)現(xiàn)盈利/h2
p class="huitext"可以通過廣告獲得收入，用戶充值現(xiàn)金和財(cái)富值，付費(fèi)看答案，付費(fèi)看文章內(nèi)容，優(yōu)質(zhì)回答和文章被打賞，付費(fèi)咨詢專家，現(xiàn)金懸賞和財(cái)富值懸賞問題，用戶可以付費(fèi)購(gòu)買課程，辦理VIP打折購(gòu)買課程，擁有偷看卡免費(fèi)看答案。平臺(tái)可以設(shè)置分成比例，提現(xiàn)可收取手續(xù)費(fèi)，付費(fèi)看回答可分成，付費(fèi)咨詢可分成，懸賞問題采納可分成。/p
/div
/div
/div
/section
section class="section section--small get-started"
div class="container"
div class="row get-started--signup text-center"
div class="col-sm-12 p-0"
h3 class="mb-xs"成為商業(yè)客戶，享受私人服務(wù)，一對(duì)一安裝程序，程序問題及時(shí)解決。/h3
a data-track="" data-track-location="get-started" data-track-event="Clicked Get Started" target="_blank" href=";uin=617035918site=qqmenu=yes" class="btn btn-lg btn-primary"點(diǎn)擊購(gòu)買咨詢/a
p class="qqgroup hidden-md hidden-lg hidden-sm mar-t-1"
如果不能一鍵喚起咨詢可加QQ:617035918
/p
/div
/div
/div
/section
section class="section"
div class="container"
div class="row"
div class="col-md-8 col-md-offset-2 text-center"
h1 class=""合作伙伴/h1
p歷經(jīng)多年的技術(shù)研究，知名國(guó)企，上市公司，國(guó)內(nèi)五百?gòu)?qiáng)企業(yè)，以及其它優(yōu)秀的企業(yè)和個(gè)人站長(zhǎng)在使用我們的系統(tǒng)/p
/div
/div
/div
/section
section class="section"
div class="container"
img src="./dist/images/users-list-strip.png" width="100%" class="customer-logoshow"
/div
/section
footer class="footer"
div class="container"
div class="row"
div class="col-xs-4 col-md-2 col-sm-3 footer__item"
h3 class="footer__title"網(wǎng)站相關(guān)/h3
ul class="footer__list"
li class="footer__list-item"
a data-track="" data-track-location="footer" href="./aboutus.html" class="footer__list-link"關(guān)于我們/a
/li
li class="footer__list-item"
a data-track="" data-track-location="footer" href="dingzhi.html" class="footer__list-link"定制開發(fā)/a
/li
li class="footer__list-item"
a data-track="" data-track-location="footer" href="xuke.html" class="footer__list-link"授權(quán)說(shuō)明/a
/li
li class="footer__list-item"
a data-track="" data-track-location="footer" target="_blank"? href="" class="footer__list-link"問題建議/a
/li
li class="footer__list-item"
a data-track="" data-track-location="footer" href="./contactus.html" class="footer__list-link"聯(lián)系我們/a
/li
li class="footer__list-item"
a data-track="" data-track-location="footer" target="_blank"? href="" class="footer__list-link"碼云地址/a
/li
/ul
? ? ? ? ? ? /div
? ? ? ? ? ? div class="col-xs-4 col-md-2 col-sm-3 footer__item"
h3 class="footer__title"友情鏈接/h3
ul class="footer__list"
li class="footer__list-item"
a data-track="" data-track-location="footer" target="_blank" href="" class="footer__list-link"產(chǎn)品社區(qū)/a
/li
li class="footer__list-item"
a data-track="" data-track-location="footer" target="_blank" href="" class="footer__list-link"A5源碼/a
/li
li class="footer__list-item"
a data-track="" data-track-location="footer" target="_blank"? href="" class="footer__list-link"源市場(chǎng)/a
/li
li class="footer__list-item"
a data-track="" data-track-location="footer" target="_blank"? href="" class="footer__list-link"云帆互聯(lián)/a
/li
li class="footer__list-item"
a data-track="" data-track-location="footer" target="_blank"? href="" class="footer__list-link"產(chǎn)品演示/a
/li
li class="footer__list-item"
a data-track="" data-track-location="footer" target="_blank"? href="" class="footer__list-link"寶塔面板/a
/li
/ul
? ? ? ? ? ? /div
? ? ? ? ? ? div class="col-xs-4 col-md-2 col-sm-3 footer__item"
h3 class="footer__title"幫助/h3
ul class="footer__list"
li class="footer__list-item"
a data-track="" data-track-location="footer" target="_blank"? href="" class="footer__list-link"偽靜態(tài)配置/a
/li
li class="footer__list-item"
a data-track="" data-track-location="footer" target="_blank" href="" class="footer__list-link"水印設(shè)置/a
/li
li class="footer__list-item"
a data-track="" data-track-location="footer" target="_blank"? href="" class="footer__list-link"郵箱配置/a
/li
li class="footer__list-item"
a data-track="" data-track-location="footer" target="_blank"? href="" class="footer__list-link"標(biāo)簽管理/a
/li
li class="footer__list-item"
a data-track="" data-track-location="footer" target="_blank"? href="" class="footer__list-link"使用教程/a
/li
/ul
? ? ? ? ? ? /div
? ? ? ? ? ? div class="col-lg-4 col-lg-offset-2 col-md-5 col-md-offset-1 col-sm-3 footer__item--other text-right"
ul class="footer__list footer__list--social"
li class="footer__list-item"
a href="" target="_blank" class="footer__list-link"
i class="fa fa-github-square" aria-hidden="true"/i
/a
/li
li class="footer__list-item"
a href="./wechatinfo.html" class="footer__list-link"
i class="fa fa-wechat" aria-hidden="true"/i
/a
/li
/ul
? ? ? ? ? ? ? ? p
span data-track="" data-track-location="footer"? class="footer__list-link"Powered by WHATSNS V4/span?
? ? ? ? ? ? ? ? ? ? span data-track="" data-track-location="footer"? class="footer__list-link"京ICP備15032243號(hào)-3/span
/p
/div
? ? ? ? /div
? ? /div
/footer
/main
a href="javascript:;" id="backToTop" onclick="backToTop(10)" style="display:block;"/a
script src="./dist/js/common.js" type="text/javascript"/script
script src="./dist/js/vendors-270e81adaf.js" type="text/javascript"/script
script src="./dist/js/main.js" type="text/javascript"/script
script
(function(){
var bp = document.createElement('script');
var curProtocol = window.location.protocol.split(':')[0];
if (curProtocol ==='https') {
bp.src ='';
}
else {
bp.src ='';
}
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(bp, s);
})();
/script
/body
/html
你沒有引入js庫(kù)
script type="text/javascript" src="jquery-1.8.3.min.js"/script
把上面這一行放在 shuiyin js 的上面
庫(kù)自己去下載就可以。。
希望對(duì)你有幫助。
重慶分公司
重慶分公司
