小编ake*_*dis的帖子

jsPDF 与 html2canvas 产生模糊的 pdf?

我目前正在通过 html2canvas 将 div 的内容转换为 png,但是使用 scale: 5 或 dpi: 等对随后的图像质量没有任何影响。这是 html2canvas 的结果,因为我在 pdfcon() 函数期间附加了画布,并且非常模糊:)。我已经在互联网上搜索了无济于事的答案,任何帮助将不胜感激:)。(我也在使用 Quill 编辑器)

HTML:

    <div id="editorOne" class="pdf-convert ql-container ql-snow">
        <div id="specialEdit" class="ql-editor" data-gramm="false" contenteditable="false">
            <?php echo stripslashes($newClean); ?>
        </div>
    </div>
    <button onclick="pdfcon()">Save Pdf</button>
Run Code Online (Sandbox Code Playgroud)

JS:

function pdfcon() {
                html2canvas($("#editorOne"), {
                    scale: 5,
                    onrendered: function (canvas) {
                        document.body.appendChild(canvas);
                        var img = canvas.toDataURL("png");

                        var doc = new jsPDF("p", "mm", "a4");

                        var width = doc.internal.pageSize.getWidth();
                        var height = doc.internal.pageSize.getHeight();

                        doc.addImage(img, 'PNG', 0, 0, width, height);
                        doc.save('testing.pdf');
                    }
                })
            };
Run Code Online (Sandbox Code Playgroud)

html javascript pdf-generation html2pdf html2canvas

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

React JSX 未被识别?

我正在使用这 2 个 CDN 在我的项目中包含 React 库,但是当我使用 JSX 将一些 html 渲染到 HTML 文档的主体上时,它不会将 JSX 识别为 JSX(我正在使用 chrome),因此抛出当它将 JSX 读取为 javascript 时出现错误。难道我做错了什么?任何帮助都会很棒:) CDN:

<script crossorigin src="https://unpkg.com/react@16/umd/react.development.js"></script>
<script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script>
Run Code Online (Sandbox Code Playgroud)

HTML:

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

反应:

var React = require('react');
var ReactDOM = require('react-dom');
const text = <h1>Hello World</h1>;

ReactDOM.render(text, document.getElementById('here'));
Run Code Online (Sandbox Code Playgroud)

html javascript reactjs

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

无法访问Javascript中的对象方法

我声明了类的用户,然后添加了该类的一个对象

function user(uid, pwd){
    this.uid = uid
    this.pwd = pwd
    function displayAll(){
        document.write(uid)
        document.write(pwd)
    }
}

var Aaron = new user("Aaron", "123")

document.write(Aaron.uid)
Run Code Online (Sandbox Code Playgroud)

我想逐一浏览这些属性,我尝试过

Aaron.displayAll()
Run Code Online (Sandbox Code Playgroud)

评估结果为零,我缺少什么吗?任何帮助都将是惊人的:)

javascript methods

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

Laravel 错误:方法 Illuminate\Auth\SessionGuard::venue 不存在

我正在创建一个多身份验证系统,我试图显示一个名为“场地”的登录场地模型中包含的数据,但我似乎无法访问它,它一直在标题中抛出错误?网上没有多少有用的信息,我想知道是否有人可以伸出援手?

场地.blade.php:

@extends('layouts.auth')

    @section('content')
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-md-8">
                <div class="card">
                    <div class="card-header">Dashboard</div>
                        {{ dd(Auth::venue()) }}
                    <div class="card-body">

                    </div>
                </div>
            </div>
        </div>
    </div>
    @endsection
Run Code Online (Sandbox Code Playgroud)

登录控制器:

public function venueLogin(Request $request)
    {
        $this->validate($request, [
            'email'   => 'required|email',
            'password' => 'required|min:6'
        ]);

        if (Auth::guard('venue')->attempt(['email' => $request->email, 'password' => $request->password], $request->get('remember'))) {

            return redirect()->intended('/venue');
        }
        return back()->withInput($request->only('email', 'remember'));
    }
Run Code Online (Sandbox Code Playgroud)

守卫:

'defaults' => [
    'guard' => 'web',
    'passwords' => 'users',
],




'guards' => [
        'web' => [
            'driver' => 'session',
            'provider' => 'users', …
Run Code Online (Sandbox Code Playgroud)

php authentication laravel

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