我的目标是让iPad上的用户将图像加载到画布中,然后在脱机时获得基本64编码的所述图像
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="../js/libs/jquery-1.7.1.min.js"></script>
<script>
$(document).ready(function(){
//Get the canvas
var canvas = document.getElementById('testCanvas');
var context = canvas.getContext('2d');
$("#testButton").click(function(){
var base_image = new Image();
base_image.src = $("#testImg").val();
//base_image.src = '1.jpg';
//When the image loads
$(base_image).load(function(){
//Resize canvas for image
$("#testCanvas").attr({
width: base_image.width,
height: base_image.height
});
//Draw image on canvas
context.drawImage(base_image, 0, 0);
//Get base64 encoded image
var imageString = canvas.toDataURL("image/jpeg");
$("#imageString").val(imageString);
//alert($("#imageString").val().length);
$("#imageOutput").attr("src", imageString);
});//image load
});//Test Button Click
});//doc ready
</script> …我的页面上有一个img标记,它从这个数组中提供不同的源:
preload_image_object = new Image();
var images = new Array();
images[0] = "images/01.jpg";
images[1] = "images/02.jpg";
images[2] = "images/03.jpg";
images[3] = "images/04.jpg";
images[4] = "images/05.jpg";
//Preload images for faster page response
for (var i=0; i < images.length; i++) {
preload_image_object.src = images[i];
};
我一次只显示一个图像,但我发现它们非常大(每个几个megs).我需要这些最初加载,以便当我转到下一个图像时它会出现.目前我正在开发这款产品的iPad略有延迟.
预加载这些图像的最佳方法是什么？
谢谢!
我有一个jQuery日期选择器,允许用户从任何给定的一周中选择一个星期五.我想根据周五填写字段,并输入周一至周四的日期.
即用户选择即将到来的星期五(2012年10月26日),我想从1日减去星期四,然后星期三,等等.
我该如何处理？
$(document).ready(function(){
$("#friDate").Zebra_DatePicker({
format: 'm-d-Y',
disabled_dates: ['* * * 0-4,6'],
first_day_of_week: 0,
onSelect: function(){
var date = $("#friDate").val();
$("#mon").val('INSERT MON DATE');
$("#tue").val('INSERT TUE DATE');
$("#wed").val('INSERT WED DATE');
$("#thu").val('INSERT THU DATE');
$("#fri").val(date);
}
});
});
任何帮助是极大的赞赏!谢谢 :).
编辑：为清楚起见，这是Laravel 5.8。
这是我正在使用的HR应用程序。
他们要求提供一份报告，以显示迟到的人。当然可以，我认为没有问题。
因此，我有一个带有一些自定义参数的表单，用户可以在其中输入以下内容：start_date，end_date，工资和一组部门。
public function show()
{
request()->validate([
'start_date' => 'required|date|before_or_equal:today'
]);
$start = Carbon::parse(request('start_date'));
$end = request('end_date') ? Carbon::parse(request('end_date')) : today();
$wage = request('wage');
$departments = request('departments');
$query = EmployeePunch::with([
'employee' => function($query) use ($wage, $departments) {
// IF I UN COMMENT THESE, IN THE FILTER BLOCK BELOW, THE EMPLOYEE BECOMES UNDEFINED.
// if($wage != null) {
// $query->where('hourly', $wage);
// }
// if($departments) {
// $query->whereIn('department_id', $departments);
// }
},
'employee.group',
'employee.department'
])
->whereBetween('punch_time', [$start->startOfDay(), $end->endOfDay()]) …我试图在同一条线上显示多个图像而不会结束.我已经尝试过我所知道的所有事情,但没有运气!我正在尝试为幻灯片制作一个图像选择器,它将使用ajax/jQuery加载到页面中,我不希望它占用大量的屏幕房地产.理想情况下,我希望能够水平滚动并选择我的图像.
<script type="text/javascript">
$(document).ready(function () {
test();
});
function test(){
for (var i=0; i < images.length; i++) {
$("#test").append("<img src='"+images[i]+"' style='width:250px; height: 250px; margin:10px; display:inline'/>");
};
}
</script>
<div id="test"></div>
通常我有0个HTML问题,所以我觉得有点愚蠢的问题,我确信这是一个非常简单的错误.任何帮助将不胜感激!
我正在为我的一个项目创建一个反馈系统.我的目标设备是iPad.基本上发生的是通过ajax调用页面的div,它应该覆盖下面的内容.我有那个部分在工作.
我想要做的是将div锁定在视口的中间.我试过position:fixed我的元素,但它会锁定在错误的位置.它似乎以视口的初始位置为中心.如果我向下滚动到较长页面的底部并调用我的反馈窗口,它仍然会在顶部附近.
$(document).ready(function(){
$(".popup").css({
top: "50%",
left: "50%",
marginLeft: -$(".popup").width() / 2,
marginTop: -$(".popup").height() / 2
});
});
如果我能找到视口的顶部,我想我能够使这个工作正常.
我调查过:http://www.appelsiini.net/projects/viewport但它并没有真正解决我的问题.
任何有关正确方向的帮助,建议或指示都将不胜感激!谢谢!