Menu
Woocommerce Menu

js生成缩略图后上传并利用canvas重绘,php实例分享之实现显示网站运行时间

0 Comment

一、获得坐标

一般在处理图片上传时,通常的逻辑都是将源图片上传到服务器端,再由服务器端的语言进行缩放大小的操作。

废话不多说,直接上代码。

1.offset()

此种模式一般可以满足大部分的需求,但当我们所需要的图片仅仅是一个符合规定大小的源图片的缩略图,再使用此种模式,将是一种浪费服务端资源以及带宽的方式,故我们考虑在浏览器端生成小图后再进行上传操作。

复制代码 代码如下:

offset()
方法返回或设置匹配元素相对于文档的偏移(位置)。(即视口坐标)

银河国际网址手机版,//以下为源代码

<?php
// 设置时区
date_default_timezone_set(‘Asia/Shanghai’);
/**
 * 秒转时间,格式 年 月 日 时 分 秒
 *
 * @author wangyupeng129@126.com
 * @param int $time
 * @return array|boolean
 */
function Sec2Time($time){
 if(is_numeric($time)){
  $value = array(
    “years” => 0, “days” => 0, “hours” => 0,
    “minutes” => 0, “seconds” => 0,
  );
  if($time >= 31556926){
   $value[“years”] = floor($time/31556926);
   $time = ($time%31556926);
  }
  if($time >= 86400){
   $value[“days”] = floor($time/86400);
   $time = ($time%86400);
  }
  if($time >= 3600){
   $value[“hours”] = floor($time/3600);
   $time = ($time%3600);
  }
  if($time >= 60){
   $value[“minutes”] = floor($time/60);
   $time = ($time%60);
  }
  $value[“seconds”] = floor($time);
  return (array) $value;
 }else{
  return (bool) FALSE;
 }
}

该方法返回的对象包含两个整型属性:top 和 left,以像素计。

复制代码 代码如下:

// 本站创建的时间
$site_create_time = strtotime(‘2013-05-22 00:00:00’);
$time = time() – $site_create_time;
$uptime = Sec2Time($time);
?>

此方法只对可见元素有效。

function drawCanvasImage(obj,width, callback){

本站运行:<span style=”color:red;”><?php echo
$uptime[‘years’]; ?>年<?php echo $uptime[‘days’];
?>天<?php echo $uptime[‘hours’]; ?>小时<?php echo
$uptime[‘minutes’]; ?>分<?php echo $uptime[‘seconds’];
?>秒</span>

2.position()

var $canvas = $(‘<canvas></canvas>’),
canvas = $canvas[0],
context = canvas.getContext(‘2d’);

您可能感兴趣的文章:

  • php实现用已经过去多长时间的方式显示时间
  • php格式化时间戳显示友好的时间实现思路及代码
  • 显示程序执行时间php函数代码
  • PHP显示今天、今月、上月、今年的起点/终点时间戳的代码
  • PHP5.2中date()函数显示时间与北京时间相差8小时的解决办法
  • php中的时间显示
  • php显示时间常用方法小结

position()
方法返回匹配元素相对于父元素的位置(偏移)。(相对于父元素的文档坐标)

var img = new Image();

该方法返回的对象包含两个整型属性:top 和 left,以像素计。

img.onload = function(){
if(width){
if(width > img.width){
var target_w = img.width;
var target_h = img.height;
}else{
var target_w = width;
var target_h = parseInt(target_w/img.width*img.height);
}
}else{
var target_w = img.width;
var target_h = img.height;
}
$canvas[0].width = target_w;
$canvas[0].height = target_h;

此方法只对可见元素有效。

context.drawImage(img,0,0,target_w,target_h);

标签:,

发表评论

电子邮件地址不会被公开。 必填项已用*标注

相关文章

网站地图xml地图