小编gam*_*r95的帖子

使用JavaFX 8和css加载自定义字体

问题

我正在为我的应用程序创建一个超级马里奥主题css样式表,我想将我的按钮字体更改为名为Press Start 2P的自定义字体,这是NES Mario游戏中使用的像素化字体.但是,由于某些奇怪的原因,我的应用程序没有加载字体.

CSS代码:

.text
{
    -fx-font-family: "Press-Start-2P";
}

.button
{
    -fx-background-color: transparent;
    //-fx-text-fill: rgb(255, 255, 255);
}

@font-face
{
    font-family: Press-Start-2P;
    src: url("PressStart2P.ttf");
}

Run Code Online (Sandbox Code Playgroud)

当我运行应用程序时,它给了我这样的信息:

2015年4月25日上午8:22:32 com.sun.javafx.css.StyleManager loadStylesheetUnPrivileged INFO:无法加载@ font-face字体[file:/ C:/ Users/Ahmad%20El-Baher/Documents/Programming/Java /Integrative%20Project%20Semester%204/trunk/build/classes/res/styles/PressStart2P.ttf]

如何让我的应用程序正确加载我的字体？

css fonts javafx custom-font javafx-8

gam*_*r95

2016 09-22

9
推荐指数

2
解决办法

6921
查看次数

Javafx 8如何使鼠标光标不可见？

我正在Javafx 8上制作2D射击游戏,我希望能够使光标不可见,以便我可以用十字准线替换它.

反正是否有鼠标光标在场景中不可见？

invisible mouse-cursor javafx-8

gam*_*r95

lucky-day

7
推荐指数

1
解决办法

4475
查看次数

在 Node.js 中显示 Chart.js 图表

我正在与一个团队一起开发一个软件项目，我想添加一个使用 Chart.js 显示条形图的页面。该项目使用 Node.js，我们使用 Express.js 在服务器上渲染视图。

问题是，当我单独显示带有条形图的页面时，它工作得很好。然而，当我尝试运行服务器（即 Node app.js）时，无论我将用于绘制图表的 JavaScript 代码放在哪里，页面都不会显示图表。

这是我的 EJS 文件和图表：

<!DOCTYPE html>
<head>

    <title>Connect Concordia</title>
        <link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.0.2/css/bootstrap.min.css"> 
      <!-- load bootsrap css -->
        <link rel="stylesheet" href="http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css">
    <script type="text/javascript" src="../node_modules/chart.js/dist/Chart.js"></script>
</head>

<body>


<canvas id="myCanvas" width="400" height="400">Your browser does not support the canvas feature.</canvas>
<script type="text/javascript">
    var canvas = document.getElementById("myCanvas");
    var ctx = canvas.getContext("2d");

    var myChart = new Chart(ctx, {
        type: 'bar',
        data: {
            labels: ['Strongly Agree', 'Agree', 'Neither Agree nor Disagree', 'Disagree', 'Strongly Disagree'],
            datasets: [{
                label: …

Run Code Online (Sandbox Code Playgroud)

node.js chart.js

gam*_*r95

2017 03-21

2
推荐指数

1
解决办法

5662
查看次数