canvas中绘制图片居中
来源:互联网 发布:沃尔沃如何安装软件 编辑:程序博客网 时间:2024/04/29 17:21
html:
<canvas class="hide" id="can" width="490px" height="490px" ></canvas>js:
setImageURL(图片路径");
var image=new Image();function setImageURL(url){ image.src=url;}var canvas=document.getElementById("can");var ctx=canvas.getContext('2d');image.onload = function(){ var div_width=$("#can").width() var old_width=image.width; var old_height=image.height; var scale_x=div_width*old_width/old_height; var scale_y=div_width*old_height/old_width; if(old_height>old_width){ ctx.drawImage(image,0,0,old_width,old_height,0,-(scale_y-div_width)/2,div_width,scale_y); }else{ ctx.drawImage(image,0,0,old_width,old_height,-(scale_x-div_width)/2,0,scale_x,div_width); }
1 0
- canvas中绘制图片居中
- 使用canvas与Paint在View中居中绘制文字
- 使用canvas与Paint在View中居中绘制文字
- 使用canvas与Paint在View中居中绘制文字
- 使用canvas与Paint在View中居中绘制文字
- android中Canvas使用drawBitmap绘制图片
- android中Canvas使用drawBitmap绘制图片
- android中Canvas使用drawBitmap绘制图片
- android中Canvas使用drawBitmap绘制图片
- Canvas绘制Text文本居中
- canvas 绘制图片
- canvas 绘制半透明图片
- canvas绘制图片详解
- Canvas绘制图片模糊
- Canvas绘制图片
- android中canvas.drawText参数的介绍以及绘制一个文本居中的案例
- android中canvas.drawText参数的介绍以及绘制一个文本居中的案例
- android中canvas.drawText参数的介绍以及绘制一个文本居中的案例
- 245.Subtree-子树(容易题)
- Java 反射
- CoffeeScript系列教程(五)—作用域
- android:TextView相关使用问题
- 内存优化 . 内存泄露 内存溢出 内存抖动 分析与解决.android stido 工具
- canvas中绘制图片居中
- thinkphp上传图片及生成缩略图
- 存储过程详解
- resin简介
- EasyUi定义rowstyler
- CoffeeScript系列教程(六)—IF, ELSE, UNLESS 和条件赋值
- H5移动端知识点总结(二)
- Java语言在调用函数时,只能传值给函数
- 在QT中读取数据到MYSQL出现乱码的问题。