小编ptC*_*der的帖子

JQuery JCrop - 如何设置固定大小的选择区域?

我想弄清楚如何修复JCrop下的选择框大小.该文档提到了如何设置初始选择区域,但没有提到如何设置固定大小.有谁知道我怎么能修好它.提前致谢.

http://deepliquid.com/content/Jcrop_Manual.html

jquery crop jcrop

28
推荐指数
5
解决办法
6万
查看次数

AJAX函数无法通过滚动工作

使用AJAX进行无限滚动.内容仅在第一次加载,但不会通过滚动加载.

怎么了?

jQuery的:

function loadFeed() {
    $.ajax({
        url: 'loadmore.php',
        dataType: 'html',
        success: function (data) {
            $("#posts").append('<div class="havanagila"></div>');
            $('#posts').html(data);
        }
    });
}

loadFeed();
$(window).scroll(function () {
    var windowScroll = $(window).scrollTop();
    var windowHeight = $(window).height();
    var documentHeight = $(document).height();

    if ((windowScroll + windowHeight) == documentHeight) {
        loadFeed();
    }
});
Run Code Online (Sandbox Code Playgroud)

loadmore.php:

<?php 
session_start();

if ( isset( $_SESSION['login'] ) ) {

    $login    = $_SESSION['login'];
    $id=$_SESSION['id'];

    $username="root";
    $password="root";
    $hostname = "localhost";
    $dbname= "kotik";


    function testdb_connect ($hostname, $username, $password){
        $dbh = new PDO("mysql:host=$hostname;dbname=kotik", $username, …
Run Code Online (Sandbox Code Playgroud)

javascript php ajax jquery pdo

25
推荐指数
4
解决办法
2177
查看次数

jQuery iframe文件上传

我用jQuery构建文件上传,但是我在尝试设置表单属性时遇到了jQuery错误:

$(document).ready(function () {
    $("#formsubmit").click(function () {

        var iframe = $('<iframe name="postframe" id="postframe" class="hidden" src="about:none" />');

        $('div#iframe').append(iframe);

        $('#theuploadform').attr("action", "/ajax/user.asmx/Upload")
        $('#theuploadform').attr("method", "post")
        $('#theuploadform').attr("userfile", $('#userfile').val())
        $('#theuploadform').attr("enctype", "multipart/form-data")
        $('#theuploadform').attr("encoding", "multipart/form-data")
        $('#theuploadform').attr("target", "postframe")
        $('#theuploadform').submit();
        //need to get contents of the iframe

        $("#postframe").load(
            function () {
                iframeContents = $("iframe")[0].contentDocument.body.innerHTML;
                $("div#textarea").html(iframeContents);
            }
        );
    }
);


<div id="uploadform">
    <form id="theuploadform" action="">
        <input id="userfile" name="userfile" size="50" type="file" />
        <input id="formsubmit" type="submit" value="Send File" />
    </form>
</div>

<div id="iframe" style="width: 0px; height: 0px; display: none;">
</div>

<div id="textarea">
</div>
Run Code Online (Sandbox Code Playgroud)

javascript jquery

18
推荐指数
1
解决办法
5万
查看次数

使用高质量图像导出画布的最佳做法是什么?

我需要你的帮助.我解释了我的情况:我正在使用fabric.js库在我的应用程序中放置形状,文本等.我的画布尺寸为1000x1000像素(约26.45x26.45厘米).我有一个图像上传脚本,仅用于高质量的上传图像,如300 dpi.

基本上我做的是: - 画画布(上传图片,放文字等等); - 调整画布大小乘以比例因子,以便最终得到300dpi的图像; - 以PNG格式保存画布; - 使用php/ajax和Imagick,以300 dpi的质量放置画布,以jpg格式保存.

问题是:当我保存画布时,上传图像的质量将会下降,因为我调整画布的大小是72 dpi(此时我保存在PNG中).

我认为一个可能的解决方案是:在上传图像时,将位置保存在x和y位置和大小的数组中,直到整个过程结束,替换JPG中的图像.如果这是最好的方法,可以使用Imagick库或PHP实现吗?

我想知道你对它的看法.

谢谢.

php canvas imagick html5-canvas fabricjs

18
推荐指数
1
解决办法
2万
查看次数

canvas.toDataURL()用于大画布

.toDataURL()对大帆布有问题.我想base64在php文件中加入并解码,但如果我有一个大画布,那么strDataURI变量是空的.

我的代码:

var strDataURI = canvas.toDataURL();
strDataURI = strDataURI.substr(22, strDataURI.length);
$.post("save.php",
{ 
   str: strDataURI
};
Run Code Online (Sandbox Code Playgroud)

是否有任何替代.toDataURL()或某种方式来改变大小限制?

谢谢.

canvas html5-canvas fabricjs

8
推荐指数
1
解决办法
2万
查看次数

裁剪旋转的图像时,使Jcrop跟踪器不旋转

我正在尝试使用Jcrop裁剪图像,但是当我在图像上使用jqueryrotate时,会发生奇怪的事情.

我将图像旋转90度,然后激活JCrop,JCrop不跟随旋转的图像,所以我也旋转了Jcrop-holder.生成的图像没问题,但是当我选择要裁剪的部分时,我注意到我的跟踪器也已旋转.当我向上拖动时,它向右移动,当我向左拖动时,它向下移动.

怎么了 在此输入图像描述

然后它去了 在此输入图像描述 如何使裁剪选择工具保持直立?

我的HTML:

    <div class="img-canvas" style="background-color:#cccccc;" >
            <img id="image_canv" src="<?php echo $imagesource;?>"> 
        </div> 
Run Code Online (Sandbox Code Playgroud)

我的Jquery:

$('#rotatephoto').click(function () {
value += 90;

JcropAPI = $('#image_canv').data('Jcrop');
    if(JcropAPI != null)
    {
    JcropAPI.destroy();
    }

var h = $('.img-canvas').height();
var w = $('.img-canvas').width();
$('.img-canvas').css("position","fixed");
$('.img-canvas').css("width",w);

$('.img-canvas').css("height",h);

$('#image_canv').Jcrop({
    onSelect: showCoords2,
    onChange: showCoords2,
    setSelect:   [ 0, 100, 50, 50 ]
    });

JcropAPI = $('#image_canv').data('Jcrop');
JcropAPI.enable();

var h2 = $('.jcrop-holder').height();
var w2 = $('.jcrop-holder').width();

if(h2  < 630)
{
var tempp = (630 - h2)/2;
$('.jcrop-holder').css("margin-top",tempp);
} …
Run Code Online (Sandbox Code Playgroud)

jquery image crop rotation jcrop

8
推荐指数
1
解决办法
7586
查看次数

将输入文件放入FormData jquery以提交给PHP

我知道这个问题已经有问题,但我还是不能正确地做到这一点.需要一些帮助.

我需要上传一个带有附加数据的文件.

我的input.php:

<input type="file"  id="foto_path" name="foto_path"  />
<input type="button" value="Add" onclick="javascript:sendForm()" />
Run Code Online (Sandbox Code Playgroud)

我用javascript发送:

function sendForm() {
    var fileInput = document.querySelector('#foto_path');
    var oMyForm = new FormData();
    var nip=123223374;//it will be generated by php, for temporary i just hardcode it
    oMyForm.append("foto_path", fileInput);
    oMyForm.append("nip",nip );
    var oReq = new XMLHttpRequest();
    oReq.open("POST", "upload-file.php", true);
    oReq.onload = function(oEvent) {
        if (oReq.status == 200) {
          //oOutput.innerHTML = "Uploaded!";
          alert('success');
        } else {
          //oOutput.innerHTML = "Error " + oReq.status + " occurred uploading your file.<br \/>"; …
Run Code Online (Sandbox Code Playgroud)

javascript php jquery http-post

6
推荐指数
1
解决办法
8533
查看次数

在Swift中,改编了AVCaptureVideoDataOutputSampleBufferDelegate,但是captureOutput永远不会被调用

我正试图从相机捕捉视频帧并UIImageView实时显示图像泛滥.我试着适应AVCaptureVideoDataOutputSampleBufferDelegate我的viewcontroller.我也实现了captureOutput,但从captureOutput未被调用过.

这是我的代码:

import UIKit
import AVFoundation

class ViewController: UIViewController, AVCaptureVideoDataOutputSampleBufferDelegate {

    @IBOutlet weak var imageView: UIImageView!
    @IBOutlet var cameraView: UIView!

    var selectedImage :UIImage!

    let captureSession = AVCaptureSession()
    var captureDevice : AVCaptureDevice?
    var videoCaptureOutput : AVCaptureVideoDataOutput!

     override func viewDidLoad() {
        super.viewDidLoad()

        captureSession.sessionPreset = AVCaptureSessionPresetLow
        self.captureDevice = AVCaptureDevice.defaultDeviceWithMediaType(AVMediaTypeVideo)
        if(captureDevice != nil){
            beginSession()
        }
    }


    func beginSession() {

        dispatch_async(dispatch_get_global_queue(DISPATCH_QUEUE_PRIORITY_HIGH, 0), { 
            self.videoCaptureOutput = AVCaptureVideoDataOutput()
            self.videoCaptureOutput.videoSettings = [kCVPixelBufferPixelFormatTypeKey:kCVPixelFormatType_32BGRA]
            self.videoCaptureOutput.alwaysDiscardsLateVideoFrames = true

            self.captureSession.addOutput(self.videoCaptureOutput)

            var err …
Run Code Online (Sandbox Code Playgroud)

video-capture capture ios avcapturesession swift

5
推荐指数
1
解决办法
2285
查看次数

向fabricjs对象添加自定义属性

我试图将自定义属性添加到我有的fabric js对象:

var trimLine = new fabric.Rect({
    width: Math.round(obj.box_dimensions.box.width,2),
    height: Math.round(obj.box_dimensions.box.height,2),
    strokeWidth: 1,
    stroke: 'rgb(255,2,2)',
    fill: '',
    selectable: false
});
Run Code Online (Sandbox Code Playgroud)

所以,我的矩形我试图添加,我想在其中传递一个名称或ID,以便能够在以后获取画布对象并将其转换为json时识别它.

我试过了

var trimLine = new fabric.Rect({
    width: Math.round(obj.box_dimensions.box.width,2),
    height: Math.round(obj.box_dimensions.box.height,2),
    strokeWidth: 1,
    stroke: 'rgb(255,2,2)',
    fill: '',
    selectable: false,
    name: trimLine
});

canvas.add(trimLine);
canvas.renderAll();
Run Code Online (Sandbox Code Playgroud)

它也没用,我也试过

 trimline.name = 'trimLine'
Run Code Online (Sandbox Code Playgroud)

javascript canvas fabricjs

5
推荐指数
3
解决办法
8547
查看次数

imagecreatefromstring函数有什么问题?

这段代码有什么问题?

<?php
$data = "iVBORw0KGgoAAAANSUhEUgAAAuwAAAUeCAYAAAAl3WRgAAAgAElEQVR4Xuzdz6/vCV3f8TPADIozowg1ETZ2U2Chm6oLuqkdE1clSlzVdEhXLuAPKPwB1X110ZWBpqyMGLoiAe3KRa2bshDclE0xqSDlp4woej5nPJczd+bOmTmv+2Q+d+ZxEkPC3Pfrfs/je0ye8+V7v/exn/rNL/zDhS8CBAgQIECAAAECBE4p8JhgP+Xz4kERIECAAAECBAgQuBIQ7H4QCBAgQIAAAQIECJxYQLCf+Mnx0AgQIECAAAECBAgIdj8DBAgQIECAAAECBE4sINhP/OR4aAQIECBAgAABAgQEu58BAgQIECBAgAABAicWEOwnfnI8NAIECBAgQIAAAQKC3c8AAQIECBAgQIAAgRMLCPYTPzkeGgECBAgQIECAAAHB7meAAAECBAgQIECAwIkFBPuJnxwPjQABAgQIECBAgIBg9zNAgAABAgQIECBA4MQCgv3ET46HRoAAAQIECBAgQECw+xkgQIAAAQIECBAgcGIBwX7iJ8dDI0CAAAECBAgQICDY/QwQIECAAAECBAgQOLGAYD/xk+OhESBAgAABAgQIEBDsfgYIECBAgAABAgQInFhAsJ/4yfHQCBAgQIAAAQIECAh2PwMECBAgQIAAAQIETiwg2E/85HhoBAgQIECAAAECBAS7nwECBAgQIECAAAECJxYQ7Cd+cjw0AgQIECBAgAABAoLdzwABAgQIECBAgACBEwsI9hM/OR4aAQIECBAgQIAAAcHuZ4AAAQIECBAgQIDAiQUE+4mfHA+NAAECBAgQIECAgGD3M0CAAAECBAgQIEDgxAKC/cRPjodGgAABAgQIECBAQLD7GSBAgAABAgQIECBwYgHBfuInx0MjQIAAAQIECBAgINj9DBAgQIAAAQIECBA4sYBgP/GT46ERIECAAAECBAgQEOx+BggQIECAAAECBAicWECwn/jJ8dAIECBAgAABAgQICHY/AwQIECBAgAABAgROLCDYT/zkeGgECBAgQIAAAQIEBLufAQIECBAgQIAAAQInFhDsJ35yPDQCBAgQIECAAAECgt3PAAECBAgQIECAAIETCwj2Ez85HhoBAgQIECBAgAABwe5ngAABAgQIECBAgMCJBQT7iZ8cD40AAQIECBAgQICAYPczQIAAAQIECBAgQODEAoL9xE+Oh0aAAAECBAgQIEBAsPsZIECAAAECBAgQIHBiAcF+4ifHQyNAgAABAgQIECAg2P0MECBAgAABAgQIEDixgGA/8ZPjoREgQIAAAQIECBAQ7H4GCBAgQIAAAQIECJxYQLCf+Mnx0AgQIECAAAECBAgIdj8DBAgQIECAAAECBE4sINhP/OR4aAQIECBAgAABAgQEu58BAgQIECBAgAABAicWEOwnfnI8NAIECBAgQIAAAQKC3c8AAQIECBAgQIAAgRMLCPYTPzkeGgECBAgQIECAAAHB7meAAAECBAg...gQIECAAAECVwHBfuV1ToAAAQIECBAgQKAJCPbmZ02AAAECBAgQIEDgKiDYr7zOCRAgQIAAAQIECDQBwd78rAkQIECAAAECBAhcBQT7ldc5AQIECBAgQIAAgSYg2JufNQECBAgQIECAAIGrgGC/8jonQIAAAQIECBAg0AQEe/OzJkCAAAECBAgQIHAVEOxXXucECBAgQIAAAQIEmoBgb37WBAgQIECAAAECBK4Cgv3K65wAAQIECBAgQIBAExDszc+aAAECBAgQIECAwFVAsF95nRMgQIAAAQIECBBoAoK9+VkTIECAAAECBAgQuAoI9iuvcwIECBAgQIAAAQJNQLA3P2sCBAgQIECAAAECVwHBfuV1ToAAAQIECBAgQKAJCPbmZ02AAAECBAgQIEDgKiDYr7zOCRAgQIAAAQIECDQBwd78rAkQIECAAAECBAhcBQT7ldc5AQIECBAgQIAAgSYg2JufNQECBAgQIECAAIGrgGC/8jonQIAAAQIECBAg0AQEe/OzJkCAAAECBAgQIHAVEOxXXucECBAgQIAAAQIEmoBgb37WBAgQIECAAAECBK4Cgv3K65wAAQIECBAgQIBAExDszc+aAAECBAgQIECAwFVAsF95nRMgQIAAAQIECBBoAoK9+VkTIECAAAECBAgQuAoI9iuvcwIECBAgQIAAAQJNQLA3P2sCBAgQIECAAAECVwHBfuV1ToAAAQIECBAgQKAJCPbmZ02AAAECBAgQIEDgKiDYr7zOCRAgQIAAAQIECDQBwd78rAkQIECAAAECBAhcBQT7ldc5AQIECBAgQIAAgSYg2JufNQECBAgQIECAAIGrgGC/8jonQIAAAQIECBAg0AQEe/OzJkCAAAECBAgQIHAVEOxXXucECBAgQIAAAQIEmoBgb37WBAgQIECAAAECBK4Cgv3K65wAAQIECBAgQIBAExDszc+aAAECBAgQIECAwFVAsF95nRMgQIAAAQIECBBoAoK9+VkTIECAAAECBAgQuAoI9iuvcwIECBAgQIAAAQJNQLA3P2sCBAgQIECAAAECVwHBfuV1ToAAAQIECBAgQKAJCPbmZ02AAAECBAgQIEDgKiDYr7zOCRAgQIAAAQIECDQBwd78rAkQIECAAAECBAhcBQT7ldc5AQIECBAgQIAAgSYg2JufNQECBAgQIECAAIGrgGC/8jonQIAAAQIECBAg0AQEe/OzJkCAAAECBAgQIHAVEOxXXucECBAgQIAAAQIEmoBgb37WBAgQIECAAAECBK4Cgv3K65wAAQIECBAgQIBAExDszc+aAAECBAgQIECAwFVAsF95nRMgQIAAAQIECBBoAoK9+VkTIECAAAECBAgQuAoI9iuvcwIECBAgQIAAAQJNQLA3P2sCBAgQIECAAAECVwHBfuV1ToAAAQIECBAgQKAJCPbmZ02AAAECBAgQIEDgKiDYr7zOCRAgQIAAAQIECDSBAaWRPdih0+LkAAAAAElFTkSuQmCC";    
$data = base64_decode($data);

$im = imagecreatefromstring($data);
if ($im !== false) {
    header('Content-Type: image/png');
    imagepng($im);
    imagedestroy($im);
}
else {
    echo 'An error occurred.';
}
?>
Run Code Online (Sandbox Code Playgroud)

我收到这些错误:

  • 警告:imagecreatefromstring():gd-png:致命的libpng错误:读取错误:第5行的D:\ wamp\www\img\index.php中的截断数据

  • 警告:imagecreatefromstring():gd-png错误:setjmp在第5行的D:\ wamp\www\img\index.php中返回错误情况

  • 警告:imagecreatefromstring():第5行的D:\ wamp\www\img\index.php中传递的数据不是'PNG'格式

  • 警告:imagecreatefromstring():无法在第5行的D:\ wamp\www\img\index.php中创建GD图像​​流

发生错误.

谁能帮帮我吗?

谢谢.

php image php-gd php-5.3

4
推荐指数
2
解决办法
1万
查看次数

Camanjs 过滤器完成回调(camanjs 中的事件)

我试图理解 中的事件camanjs,但我需要一些例子。每个人都可以给我写一个简单的例子:

1)加载图像到canvas(完成)

Caman("#canvas-img2", base64_or_path_to_image, function () {
    this.nostalgia();
    this.render();
});
Run Code Online (Sandbox Code Playgroud)

2)监听结束过滤,for callbackwiththis.toBase64()

在文档中,我找到了事件页面,但不明白它是如何工作的。

javascript jquery canvas camanjs

4
推荐指数
1
解决办法
1251
查看次数

使用没有MVC的路由:身份验证表单

现在我正在尝试使用System.Web.Routing.一切都很好,但我无法理解如何使用url路由进行表单身份验证(返回URL,重定向等).谷歌没有说什么.救命!:)

UPD:我忘了 - 我不使用MVC.那就是问题所在.如何在没有MVC的情况下使用rounig和表单身份验证

UPD2:更多关于我的问题
我想得到的:使用Routes的URL" mysite.com/content/123"," mysite.com/login/"等.使登录页面像"常规"ASP.NET登录表单一样重要(在不登录时重定向到从安全区域登录,并在登录时重定向回安全区域).
这就是我正在做的事情.
global.asaxon Application_Start,注册这样的路线:

routes.Add("LoginPageRoute", new Route("login/", new CustomRouteHandler("~/login.aspx")));
routes.Add("ContentRoute", new Route("content/{id}", new ContentRoute("~/content.aspx"))
{
    Constraints = new RouteValueDictionary {{ "id", @"\d+" }}
});
Run Code Online (Sandbox Code Playgroud)

在哪里CustomRouteHandlerContentRoute- 简单的IRouteHandler类,就像:...

public IHttpHandler GetHttpHandler(RequestContext requestContext)
{
    var page = BuildManager.CreateInstanceFromVirtualPath(VirtualPath, typeof(Page)) as IHttpHandler;
    return page;
}
Run Code Online (Sandbox Code Playgroud)

...

一切似乎都很完美:我content.aspx什么时候去“/content/10”,login.aspx什么时候去“/login/”.但是......
当我确保内容安全(in web.config,with deny=”?”)时,登录表单不能像预期的那样工作.
现在我无法访问该“/content/10” …

asp.net authentication routing

3
推荐指数
1
解决办法
2819
查看次数

如何通过 StartsWith 在 2 个列表之间进行 linq

我有两个字符串列表。

var list1 = new List<string> { "1", "12", "21", "34", "22" };
var list2 = new List<string> { "1", "2" };
Run Code Online (Sandbox Code Playgroud)

我需要选择 list1 的项目,其中 item StartsWith 为 list2 中的项目:"1", "12", "21", "22"

//foreach solution :  "1", "12", "21", "22"
var result1 = new List<string>();
foreach (var item in list2)
    result1.AddRange(list1.Where(x => x.StartsWith(item)).ToList());

//linq solution : "1"
var result2 = list1.Where(x => list2.Contains(x)).ToList();
Run Code Online (Sandbox Code Playgroud)

我怎样才能得到result1linq解决方案?

c# linq

0
推荐指数
1
解决办法
658
查看次数