小编use*_*104的帖子

如何使用jquery将打印作为PDF结果

我想在PDF中获取HTML页面.

经过一些研究后我发现了pdfJS插件,它有一些bootstrap问题,布局会很乱

http://jsfiddle.net/5ud8jkvf/

这是小提琴

我发现默认打印为PDF结果很棒

在此输入图像描述

var doc = new jsPDF();
var specialElementHandlers = {
    '#editor': function (element, renderer) {
        return true;
    }
};

$('#cmd').click(function () {
    doc.fromHTML($('#content').html(), 15, 15, {
        'width': 170,
            'elementHandlers': specialElementHandlers
    });
    doc.save('sample-file.pdf');
});
Run Code Online (Sandbox Code Playgroud)

所以,我不知道有没有修复pdfJS的问题,我想知道是否有html/jquery方法从pdf中获取pdf.

需要转换为PDF的HTML只是一页应用程序表单,非常感谢

html javascript css pdf jquery

23
推荐指数
1
解决办法
6220
查看次数

Jquery手风琴默认不会崩溃

我正在使用bootstrap提供的崩溃插件,这是一个jquery简单的插件

但是它默认崩溃,如何修改以便崩溃项默认隐藏,只有当我按下标题,然后项目崩溃并显示?谢谢

该插件的文档,只需几行,所以它只需要一分钟

$(document).ready( function () {
$(".collapse").collapse()({
  toggle: false,
  show: false
  });
} );
Run Code Online (Sandbox Code Playgroud)

这是html:

<div class="accordion-group">
            <div class="alert alert-info" data-toggle="collapse" href="#collapse1" style="margin-bottom:0px;">                     
              Collapsible #1
                  </div>   
          <div id="collapse1" class="accordion-body collapse" style="background-color:#ffffff;">
               content1
           </div>
                           <div class="alert alert-info" data-toggle="collapse" href="#collapse2" style="margin-bottom:0px;">                     
              Collapsible #2
                  </div>   
          <div id="collapse2" class="accordion-body collapse" style="background-color:#ffffff;">
               content2
           </div>
Run Code Online (Sandbox Code Playgroud)

javascript jquery jquery-ui accordion twitter-bootstrap

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

调整窗口大小时缩放整个主体

我想创建一个没有响应的网站,但如果窗口调整大小,一切都是向上/向下扩展,并保持相同的比例.如果单词在小屏幕中太小则无关紧要,首要任务是在调整大小时防止元素重叠

我尝试过使用:

<meta id="meta" name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
Run Code Online (Sandbox Code Playgroud)

<script type="text/javascript">
  $(document).ready(function () {

    $(window).resize(function () {
      calculateNewScale();
    });

    calculateNewScale(); // if the user go to the page and his window is less than 1920px

    function calculateNewScale() {
      var percentageOn1 = $(window).width() / 1920);
      $("body").css({
        "-moz-transform": "scale(" + percentageOn1 + ")",
        "-webkit-transform": "scale(" + percentageOn1 + ")",
        "transform": "scale(" + percentageOn1 + ")"
      });
    }
  });
Run Code Online (Sandbox Code Playgroud)

还有CSS

body {
width:100vw;
height:100vh;
}
Run Code Online (Sandbox Code Playgroud)

该网站在这里:

kotechweb.com/new_focus/page/about_us
Run Code Online (Sandbox Code Playgroud)

问题是,现在内容在调整大小时会重叠.

html css layout twitter-bootstrap

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

Gridview根据滚动视图中的实际高度显示

 <ScrollView
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_below="@+id/titleBarBG"
        android:layout_alignParentLeft="true" >

    <RelativeLayout
        android:id="@+id/scrollContent"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
         >

    <GridView
        android:id="@+id/issueList"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_below="@+id/archiveTitle"
        android:layout_marginLeft="5dp"
        android:layout_marginRight="5dp"
        android:background="@drawable/customshape"
        android:numColumns="3"
        android:overScrollMode="never"
        android:scrollbars="none" >
    </GridView>

</RelativeLayout>
 </ScrollView>
Run Code Online (Sandbox Code Playgroud)

我想创建一个像桌子一样的网格视图.例如,网格的大小将增加,这将使gridview更高.我希望网格视图显示所有内容,并在有其他内容时扩展高度,而不是隐藏额外的内容

怎么实现这个?谢谢

java android gridview android-layout android-gridview

14
推荐指数
1
解决办法
3741
查看次数

使用PHP创建透明的png文件

目前我想创建一个质量最低的透明png.

代码:

<?php
function createImg ($src, $dst, $width, $height, $quality) {
    $newImage = imagecreatetruecolor($width,$height);
    $source = imagecreatefrompng($src); //imagecreatefrompng() returns an image identifier representing the image obtained from the given filename.
    imagecopyresampled($newImage,$source,0,0,0,0,$width,$height,$width,$height);
    imagepng($newImage,$dst,$quality);      //imagepng() creates a PNG file from the given image. 
    return $dst;
}

createImg ('test.png','test.png','1920','1080','1');
?>
Run Code Online (Sandbox Code Playgroud)

但是,有一些问题:

  1. 在创建任何新文件之前,我是否需要特定一个png文件?或者我可以创建没有任何现有的png文件?

    警告:imagecreatefrompng(test.png):无法打开流:没有这样的文件或目录

    第4行的C:\ DSPadmin\DEV\ajax_optipng1.5\create.php

  2. 虽然有错误信息,但它仍然会生成一个png文件,但是,我发现该文件是一个黑色的图像,我是否需要具体的任何参数才能使其透明?

谢谢.

php png image imagecreatefrompng

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

如何在Chrome和Firefox PDF查看器中添加手形工具(抓取页面并拖动)功能?

为了澄清,手工工具是用户点击pdf并拖动的功能,用于替换滚动条导航.

问题是,默认情况下,Chrome和Firefox pdf查看器没有该功能,我希望允许用户拖动页面.

解决方法是使用嵌入对象(PDF查看器)的JavaScript库(在我的案例中为Grab to Pan https://github.com/Rob--W/grab-to-pan.js).当我最大化pdf的大小并且用户拖动嵌入对象时.

我遇到的问题是

  1. 使用Chrome/Firefox时,PDF内容不适合页面,但默认情况下会自动调整大小,即使我已使用iframe设置了Adobe PDF打开参数.

  2. JavaScript代码似乎与Firefox PDF查看器冲突,它在Chrome上运行顺利但不是firefox.

这是源代码,您可以从上面提到的链接下载库并查看.不要忘记将"1.pdf"与源文件一起放入.

<!DOCTYPE html>
<head>
<meta charset="utf-8">
<title>Grab-to-pan.js demo</title>
<link rel="stylesheet" href="grab-to-pan.css" type="text/css">
<style>
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
html, body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}
.scrollable {
    overflow: auto;
    width: 100%;
    height: 100%;
    background-color: #EEE;
}
#zoomPage {
    overflow:visible;
    width: 100%;
    height: 150%;
}
</style>
</head>
<body>
<label><input type="checkbox" id="activate-g2p" checked> Activate Grab to Pan</label>
<div class="scrollable" id="scrollable-container"> …
Run Code Online (Sandbox Code Playgroud)

html css pdf web-applications pdf.js

12
推荐指数
1
解决办法
6266
查看次数

最新的android facebook sdk登录的工作示例

我正在研究自定义facebook登录按钮,我发现有关于最新facebook android sdk的消息来源(特别是工作代码示例).我花了一整天但仍然没有工作的代码.我想知道是否有任何项目示例或您的项目代码:

  1. Facebook登入:
  2. 与其他活动/片段共享会话(因此我可以在应用程序的任何位置检查登录/注销状态)
  3. 张贴到墙上
  4. 登出

这是我的代码,但它实际上返回非登录状态,即使我已登录

登录:

public class Login {
    private final static String TAG = "FaceBookLogin";
    public Context ctx;
    public Session fb_session;

    public Login(Context _ctx) {
        ctx = _ctx;
        Settings.addLoggingBehavior(LoggingBehavior.INCLUDE_ACCESS_TOKENS);
        fb_session = Session.getActiveSession();

        if(fb_session == null)                   
            fb_session = Session.openActiveSessionFromCache(ctx);
    }

    public void checkLogin() {
        printHashKey();
        if (fb_session != null && fb_session.isOpened()) {
            Log.i(TAG, "Facebook Login State");
        } else {
            if (fb_session == null)
                fb_session = new Session(ctx);

            Session.setActiveSession(fb_session);
            ConnectToFacebook();
            Log.i(TAG, "Facebook Not login State");
        }
    } …
Run Code Online (Sandbox Code Playgroud)

android facebook login facebook-graph-api

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

如何在android中创建一个全局变量?

在我的Android应用程序中,我需要一个放置变量成员id的地方.问题是,它来自在线API,我需要找到一种存储/检索它的方法

我试图把它放在一个自定义类中,但问题是,如果我杀死活动它会丢失,我也知道有一种方法可以扩展应用程序.

所以我想知道存储全局变量的最佳方法是什么?

我必须要实施:

  1. 将变量保存在onSaveState上
  2. 将其保存在sharepref上
  3. 手动保存
  4. 手动检索它

谢谢

更新: 谢谢你的回复.如果我只有3个变量(简单数据,例如布尔值,短语),并且我在app重启后需要它,我应该只使用share pref来存储它吗?有什么缺点呢?例如它会对性能有害吗?谢谢

java variables android class global-variables

12
推荐指数
2
解决办法
6万
查看次数

PopBackStack但保留android中的第一个片段

我正在处理片段事务,而backstack是这样的:

fragA => fragB => fragC => fragD
Run Code Online (Sandbox Code Playgroud)

我想从碎片回来之后回到fragA

fragD => onBackPress => fragA
Run Code Online (Sandbox Code Playgroud)

所以,我试过像:

getChildFragmentManager().popBackStack(null, FragmentManager.POP_BACK_STACK_INCLUSIVE);
Run Code Online (Sandbox Code Playgroud)

但它清除了所有的后台堆叠,如何将第一个碎片保留在后台堆叠中?非常感谢

android android-fragments back-stack android-fragmentactivity fragment-backstack

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

如何在codeigniter中将上传图像比率限制为16:9?

这是我用于上传图像的代码.

$this->load->library('upload');
$ext = pathinfo($file_name, PATHINFO_EXTENSION);

$img_name = now() . "." . $ext;

$imgConfig['upload_path'] = $this->image_path;
$imgConfig['file_name'] = $img_name;
$imgConfig['max_size'] = '2048';
$imgConfig['allowed_types'] = 'jpg|png|bmp';
$imgConfig['overwrite'] = FALSE;
$this->upload->initialize($imgConfig);

if ($this->upload->do_upload("image_url")) {
    $this->Playlist_model->update_playlist($insert_id, array("image_url" => $img_name));
}
Run Code Online (Sandbox Code Playgroud)

而前端只是一个

<input type = 'file' >
Run Code Online (Sandbox Code Playgroud)

问题是,由于图片上传应该是视频缩略图,我该怎么做才能实现上传?例如在前端使用插件来限制/裁剪(任何推荐)

另外,在服务器端我该如何查看?

html php jquery codeigniter

12
推荐指数
1
解决办法
1723
查看次数