小编Ale*_*x M的帖子

如何使<svg>元素扩展或收缩到其父容器?

目标是使<svg>元素扩展到其父容器的大小,在这种情况下为a <div>,无论容器有多大或多小.

代码:

<style>
    svg, #container{
        height: 100%;
        width: 100%;
    }
</style>

<div id="container">
    <svg xmlns="http://www.w3.org/2000/svg" version="1.1" >
         <rect x="0" y="0" width="100" height="100" />
    </svg>
</div>
Run Code Online (Sandbox Code Playgroud)

这个问题最常见的解决方案似乎是viewBox<svg>元素上设置属性.

viewBox="0 0 widthOfContainer heightOfContainer"
Run Code Online (Sandbox Code Playgroud)

但是,在元素中的<svg>元素具有预定义的宽度和/或高度的情况下,这似乎不起作用.例如,<rect>上面代码中的元素明确设置了其宽度和高度.

所以显而易见的解决方案是在这些元素上使用%widths和%high.但这甚至必须要做吗?特别是,因为<img src=test.svg >工作正常并且扩展/收缩而没有明确设置<rect>高度和宽度的任何问题.

如果元素<rect>和像它一样的其他元素必须以百分比定义它们的宽度和高度,那么在Inkscape中有一种方法可以设置它,以便<svg>文档中的所有元素都使用百分比宽度,高度等.而不是固定尺寸?

css html5 svg responsive-design

108
推荐指数
3
解决办法
12万
查看次数

使用Visual Studio调试TypeScript代码

有没有办法在Visual Studio中调试TypeScript源代码(而不是调试生成的javascript)?

从TypeScript语言规范:

TypeScript可选择提供源映射,从而启用源级调试.

因此,我希望能够在ts代码中放置断点并能够调试它,但它不起作用.我没有在规格中找到任何其他调试提及.我有什么办法让这项工作成功吗?也许"可选"这个词暗示我需要为它起作用......有什么建议吗?

visual-studio typescript

79
推荐指数
3
解决办法
6万
查看次数

如何在non angularjs网站上使用量角器?

我找到了为AngularJS Web应用程序制作的Protractor框架.

如何在不使用AngularJS的网站上使用Protractor?

我写了第一个测试,Protractor触发了这条消息:

Error: Angular could not be found on the page https://www.stratexapp.com/ : retries looking for angular exceeded
Run Code Online (Sandbox Code Playgroud)

javascript asp.net testing protractor

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

如何修复stream_socket_enable_crypto():SSL操作失败,代码为1

stream_socket_enable_crypto(): SSL operation failed with code 1. 
OpenSSL Error messages: error:14090086:SSL 
routines:SSL3_GET_SERVER_CERTIFICATE:certificate verify failed
Run Code Online (Sandbox Code Playgroud)

我使用的是Laravel 4.2,PHP 5.6,Apache 2.4

我在Amazon ec2 Linux中安装了GoDaddy SSL.

当我使用https访问该网站时,SSL工作正常.

我调用我的函数时发生错误:

<?php

public function sendEmail() 
{
        \Mail::send ( 'emails.code.code', $data, function ($sendemail) use($email) {
            $sendemail->from ( 'info@me.com', 'Me Team' );
            $sendemail->to ( $email, '' )->subject ( 'Activate your account' );
        } );

}
?>
Run Code Online (Sandbox Code Playgroud)

我读了一些关于这个的文章,他们说有些东西我们应该做一些改变,他们把那些代码但是我不知道在哪里插入它.

读过这篇文章:https://www.mimar.rs/en/sysadmin/2015/php-5-6-x-ssltls-peer-certificates-and-hostnames-verified-by-default/

http://php.net/manual/en/migration56.openssl.php这个文档很难理解.

所以我的问题是如何解决这个问题?

amazon-ec2 ssl-certificate laravel-4 apache2.4 php-5.6

39
推荐指数
8
解决办法
10万
查看次数

从Google云端存储中读取csv到pandas数据帧

我正在尝试将Google Cloud Storage存储桶中的csv文件读取到熊猫数据框中.

import pandas as pd
import matplotlib.pyplot as plt
import seaborn as sns
%matplotlib inline
from io import BytesIO

from google.cloud import storage

storage_client = storage.Client()
bucket = storage_client.get_bucket('createbucket123')
blob = bucket.blob('my.csv')
path = "gs://createbucket123/my.csv"
df = pd.read_csv(path)
Run Code Online (Sandbox Code Playgroud)

它显示以下错误消息:

FileNotFoundError: File b'gs://createbucket123/my.csv' does not exist
Run Code Online (Sandbox Code Playgroud)

我做错了什么,我找不到任何不涉及谷歌datalab的解决方案?

python csv pandas google-cloud-storage google-cloud-platform

26
推荐指数
7
解决办法
2万
查看次数

在打字稿中使用fs

我只是想尝试使用文件fs.readFileSync,虽然它似乎无法找到.

我确保声明它,在我的构造函数中添加它:

export default class Login extends React.Component<LoginProps, {}> {
    private webAuth: auth0.WebAuth;
    fs: any;

    constructor(props: any, context: any) {
        super(props, context);
        this.fs = require('fs');
        this.webAuth = new auth0.WebAuth({
            clientID: conf.auth0.clientId,
            domain: conf.auth0.domain,
            responseType: 'token id_token',
            redirectUri: `${window.location.origin}/login`
        });
    }
[...]
Run Code Online (Sandbox Code Playgroud)

并在一个简单的功能中使用它:

verifyToken = (token) => {

    console.log(this.fs);
    let contents = this.fs.readFileSync('../utils/public.key', 'utf8');
    console.log(contents);

}
Run Code Online (Sandbox Code Playgroud)

但这提出了一个Uncaught TypeError: _this.fs.readFileSync is not a function.是否有一种特殊的方式包含fs在Typescript中?

node.js typescript

21
推荐指数
3
解决办法
4万
查看次数

使用SharedElement在活动转换中崩溃

我正在使用来自ViewPager(在调用活动中)的Activity转换以及共享元素和内容转换.重新进入调用活动时,我遇到了这个崩溃:

java.lang.NullPointerException: Attempt to invoke virtual method 'void android.os.ResultReceiver.send(int, android.os.Bundle)' on a null object reference
  at android.app.EnterTransitionCoordinator.sendSharedElementDestination(EnterTransitionCoordinator.java:199)
  at android.app.EnterTransitionCoordinator.viewsReady(EnterTransitionCoordinator.java:123)
  at android.app.EnterTransitionCoordinator$2.onPreDraw(EnterTransitionCoordinator.java:148)
  at android.view.ViewTreeObserver.dispatchOnPreDraw(ViewTreeObserver.java:895)
  at android.view.ViewRootImpl.performTraversals(ViewRootImpl.java:2153)
  at android.view.ViewRootImpl.doTraversal(ViewRootImpl.java:1180)
  at android.view.ViewRootImpl$TraversalRunnable.run(ViewRootImpl.java:6558)
  at android.view.Choreographer$CallbackRecord.run(Choreographer.java:777)
  at android.view.Choreographer.doCallbacks(Choreographer.java:590)
  at android.view.Choreographer.doFrame(Choreographer.java:560)
  at android.view.Choreographer$FrameDisplayEventReceiver.run(Choreographer.java:763)
  at android.os.Handler.handleCallback(Handler.java:739)
  at android.os.Handler.dispatchMessage(Handler.java:95)
  at android.os.Looper.loop(Looper.java:145)
  at android.app.ActivityThread.main(ActivityThread.java:5832)
  at java.lang.reflect.Method.invoke(Native Method)
  at java.lang.reflect.Method.invoke(Method.java:372)
  at com.android.internal.os.ZygoteInit$MethodAndArgsCaller.run(ZygoteInit.java:1399)
Run Code Online (Sandbox Code Playgroud)

此外,一旦返回,屏幕开始闪烁,白色屏幕闪烁.

这是我的过渡标志:

<item name="android:windowContentTransitions">true</item>
<item name="android:windowActivityTransitions">true</item>
<item name="android:windowAllowReturnTransitionOverlap">false</item>
Run Code Online (Sandbox Code Playgroud)

我尝试在Calling和Called活动中设置Enter/Exit转换,但没有运气.

android android-5.0-lollipop activity-transition shared-element-transition

19
推荐指数
1
解决办法
1444
查看次数

在Android Facebook SDK中使用共享对话框.如何知道用户实际共享或取消共享活动?

我已经为Android应用添加了共享功能,如此处所述https://developers.facebook.com/docs/android/share-dialog/#setup

但我注意到,如果用户被取消,onComplete则无论如何都要调用共享活动

@Override
protected void onActivityResult(int requestCode, int resultCode, Intent data) {
    super.onActivityResult(requestCode, resultCode, data);

    uiHelper.onActivityResult(requestCode, resultCode, data, new FacebookDialog.Callback() {
        @Override
        public void onError(FacebookDialog.PendingCall pendingCall, Exception error, Bundle data) {
            Log.e("Activity", String.format("Error: %s", error.toString()));
        }

        @Override
        public void onComplete(FacebookDialog.PendingCall pendingCall, Bundle data) {
            Log.e("Activity", "Success!");
        }
    });
}
Run Code Online (Sandbox Code Playgroud)

我也查看了返回的Bundle.即使我取消分享对话,我也得到了

com.facebook.platform.extra.DID_COMPLETE=true
Run Code Online (Sandbox Code Playgroud)

如何获得用户真正在Facebook上共享数据的结果?(不用facebook按钮单独登录.也许需要添加一些权限?)

android facebook facebook-android-sdk android-facebook

14
推荐指数
2
解决办法
9557
查看次数

如何解决致命错误:非超级用户超出连接限制

我已经编写了一个用于批量插入的java代码.我正在使用copy命令为不同的表导入和创建不同的连接对象,但在执行时,程序会抛出以下错误:

FATAL: connection limit exceeded for non-superusers
Run Code Online (Sandbox Code Playgroud)

java postgresql

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

奇怪的`gsub'代表nil:回形针中的NilClass.代码在控制台中工作,但不在服务器中工作

我在rails(3.2.13)中使用gem paperclip(3.5.1)将图像上传到S3.我需要调整它们的大小,所以我有imagemagick(6.8.6-3 :)并且我在OS X 10.8上.

一切都很好,我能够将图像上传到S3,所以我决定在has_attached_files中添加:thumb和:中等大小的样式.它在测试图像的控制台上工作,但是当我尝试上传相同的图像并将其保存在控制器中时.我收到此错误:

参数:{"authenticity_token"=>"G15ab7cv9a7N8YT2gMuRSV + DqzNIEDK5/M + Cno/XLbE =","qqfile"=>"test.jpg","locale"=>"en"}用户负载(0.3ms)SELECT"users ".*FROM"users"WHERE"users"."id"= 1 LIMIT 1 Command :: file -b --mime'./ app/assets/images/test.jpg'Command :: identify -format'%wx %h,%[exif:orientation]''/ var/folders/df/lhvn6g596fl5vmpwym6t04c80000gn/T/test20130814-88788-1kazksg.jpg [0]'Command :: identify -format%m'/ var/folders/df/lhvn6g596fl5vmpwym6t04c80000gn /T/test20130814-88788-1kazksg.jpg[0]'命令::识别-format%m'/var/folders/df/lhvn6g596fl5vmpwym6t04c80000gn/T/test20130814-88788-1kazksg.jpg[0]'命令::识别 - 格式%m'/ var/folders/df/lhvn6g596fl5vmpwym6t04c80000gn/T/test20130814-88788-1kazksg.jpg [0]'Command :: convert'/var/folders/df/lhvn6g596fl5vmpwym6t04c80000gn/T/test20130814-88788-1kazksg.jpg [ 0]' - auto-orient -resize"100x100>"'/ var/folders/df/lhvn6g596fl5vmpwym6t04c80000gn/T/test20130814-88788-1kazksg20130814-88788-6efk1m'已完成500 Inter 1777ms内的服务器错误

NoMethodError(未定义的方法`gsub'代表nil:NilClass):

所以它崩溃在这一行:

@document.original = uploaded_file
Run Code Online (Sandbox Code Playgroud)

但只有当我在Document.rb中有这个时:

has_attached_file :original, :styles => {:thumb => "100x100>",:small  => "150x150>", :medium => "400x400"}
Run Code Online (Sandbox Code Playgroud)

当我离开时:styles = {},一切正常,它也在控制台上工作,所以我很困惑.我认为它可能是OS X中用于imagemagick的权限.

macos imagemagick paperclip

11
推荐指数
0
解决办法
265
查看次数