小编met*_*ard的帖子

从Base64编码图像获取尺寸

我有一个Angular应用程序,我需要Base64编码图像的尺寸.我试图加载它,Image但它只是说它是0x0

const image = new Image();
image.src = 'data:image/jpeg;base64,someBase64ImageString';

console.log(image.width + 'x' + image.height);
Run Code Online (Sandbox Code Playgroud)

我无法弄清楚如何获取这些信息.

javascript base64 image

7
推荐指数
1
解决办法
1937
查看次数

制作一个 ngb 可拖动的模态

我有一个 Angular 应用程序,我在其中使用ng-bootstrap显示一个modal

我的问题是 ngb 团队不支持拖动这些模态,而且显然没有计划很快这样做。

所以我的问题是:谁能告诉我如何使这样的模态可拖动?

提前致谢。

bootstrap-modal twitter-bootstrap-4 ng-bootstrap angular

7
推荐指数
1
解决办法
7239
查看次数

为什么期望组件真实而不是定义

这是一个普遍的问题。

当使用Angular-cli架设组件时,它会自行创建第一个测试。

看起来像这样:

it('should create', () => {
 expect(component).toBeTruthy();
});
Run Code Online (Sandbox Code Playgroud)

它如何检查它是否真实且未定义?有什么区别?

提前致谢 :)

jasmine karma-jasmine angular-cli angular

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

带有边距的scrollIntoView

我有一个网页,我想滚动到该网页上的某个元素。

通过使用该部分可以正常工作scrollIntoView;但我想在元素(20px或其他内容)上方添加一些空间

我目前正在做这样的事情:

const moveToBlue = () => {
  const blue = document.getElementById('blue')
  blue.scrollIntoView({ behavior: 'smooth', block: 'start', inline: 'start'});
};
Run Code Online (Sandbox Code Playgroud)

但是,我想进一步向上滚动20像素(在此处查看我的演示

这可能吗?

javascript html5

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

在茉莉花测试中模拟声明const

我有一个服务,我从一个从CDN获取的js文件加载一个变量(读取没有typedef)

因此我为它创建了一个声明:

declare const externalValue: string;

@Injectable() 
export class Service {
...
Run Code Online (Sandbox Code Playgroud)

这一切都很好,但是当我想测试我的服务时,我收到以下错误消息:

ReferenceError:未定义externalValue

这是完全合理的,因为尚未调用加载文件的index.html.

我现在的问题是如何在测试时模拟这个值?

javascript jasmine typescript angular

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

从html导出图像到jsPDF

我有一个网页,我希望打印一些HTML.为此,我使用html2canvasjsPDF.

我遇到的问题是它不会打印HTML中显示的图像.

我的HTML和CSS看起来如下(小提琴中的完整代码):

.handsomeHtml {
 background: red;
}

.crazyFrog {
 background: url('http://e-cdn-images.deezer.com/images/artist/01eb92fc47bb8fb09adea9f763bb1c50/500x500.jpg');
 width: 500px;
 height: 500px;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/0.4.1/html2canvas.js">
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.3.4/jspdf.debug.js">
</script>

<div id="someHtml" class="handsomeHtml">
  Hello, handsome HTML
 <br>
 <img class="crazyFrog"></img>
</div>

 <button id="savePDFbutton" onclick="savePDF()">
  save pdf
 </button>
Run Code Online (Sandbox Code Playgroud)

预期结果:

在此输入图像描述

实际PDF结果

在此输入图像描述

javascript pdf html2canvas jspdf

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

如何从Sass中的CSS文件扩展一个类?

我有一个样式库,包含我项目的一般样式.该库被打包到一个library.css文件中.在这个图书馆里,我有一堂课a.

在我的一个scss样式表我想延长这种CALSS a来自library.css:

@import 'library.css';

.b {
 @extend .a
}
Run Code Online (Sandbox Code Playgroud)

当我这样做时,我被告知a没有找到课程library.css.

有没有办法从CSS样式表扩展一个类?

css sass css-selectors

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

Angular Material拖放多行列表

我有一份我需要订购的物品清单。为此,我想拖放。

我正在使用 Angular Materials列表解决方案,但我的列表会切换到新行(flex-wrap)当我有多行时,它不会将项目放在它们应该放在的位置。

这是一个例子;https://stackblitz.com/edit/angular-dnd-list-multirow

有谁知道如何使这项工作?

谢谢。

drag-and-drop angular-material angular

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