JS添加文字水印
2016-09-24 18:59
465 查看
<html>
<script>
function watermark(str){
var img = document.getElementById("img");
var canvas=document.getElementById("cvs");
var ctx=canvas.getContext("2d");
ctx.drawImage(img,0,0);
ctx.font="20px microsoft yahei";
ctx.fillStyle = "rgba(255,255,255,0.5)";
ctx.fillText(str,100,100);
}
</script>
<canvas id="cvs" width="1000" height="500" >
Your browser does not support the HTML5 canvas tag.
</canvas>
<image id="img" src="test.png" > </image>
<button onclick="watermark('Hello world')">add watermark</button>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- javascript隐式数据类型转换
- JS解决输入1-1000元，输出由1、5、10、20、50、100拼成输入的面值方法总数
- js 常见数组和字符串的操作
- JS图片旋转
- Javascript 基础篇 操作符
- Javascript 基础篇 操作符
- JavaScript数据类型
- js 代码命名规范系列
- 为古老浏览器能使用html5和css3而存在的东西——Modernizr.js
- 常见的原生javascript事件处理与浏览器兼容问题（下）
- 前端开发：面向对象与javascript中的面向对象实现（二）构造函数与原型
- JavaScript的函数声明与函数表达式的区别
- map to jsonStr，以及jsonStr to jsonObj(groovy&grails)
- 常见的原生javascript事件处理与浏览器兼容问题（上）
- JSON总结（二）——google-gson
- javascript时间格式代码
- seajs源码分析-运行机制浅析（一）
- 天地图二次封装版本（javascript）
- 手把手写一个html_json信息源
- js map