标签: rendering

使用 JSX 包从基本 CLI 安装中获取 Vue.js 使用 TypeScript 渲染 JSX

设置

使用 vue-cli 创建了一个基本项目,在此期间我使用“手动选择功能”进行安装,其中我选择了以下内容(除了 linter 之外):

  • 选定的Babel、TypeScript、Vuex 和 Linter / Formatter
  • 选择2.x
  • 对类风格组件说不
  • 是要与 TypeScript 一起使用 Babel(现代模式、自动检测的 polyfill、转译 JSX 所需)?

然后,我还安装了jsx 支持(并且我验证了安装的 Babel 版本是 7,因为这是该 jsx 支持存储库所必需的)。

在我的bable.config.js文件中,我添加了jsx 存储库请求的预设(没有替换 vue-cli 生成的内容):

module.exports = {
  presets: [
    '@vue/cli-plugin-babel/preset',
    '@vue/babel-preset-jsx', //<-- Added this
  ],
};
Run Code Online (Sandbox Code Playgroud)

我已经确认自动生成的 tsconfig.json具有所需的配置(至少据我所知):

"compilerOptions": {
    ...
    "jsx": "preserve",
    ...
}

Run Code Online (Sandbox Code Playgroud)

我已经确认自动生成的 shims-tsx.d.ts文件具有所需的配置(至少据我所知):

import Vue, { VNode } from 'vue';

declare global { …
Run Code Online (Sandbox Code Playgroud)

rendering jsx typescript vue.js vue-cli

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

获取字体的最大高度

所以我有一个NSFont,我想获得任何角色的最大尺寸,即.音高和字母高度.[font maximumAdvancement]似乎返回{pitch,0}的NSSize,所以这没有帮助.绑定rect似乎也不起作用,并且jwz类似的创建bezier路径,附加字形和获取边界矩形的问题的建议也让我回到{0,0}.什么给这里?

更新:我用来获得bezier大小的代码是这样的:

NSBezierPath *bezier = [NSBezierPath bezierPath];
NSGlyph g;
{
    NSTextStorage *ts = [[NSTextStorage alloc] initWithString:@" "];
    [ts setFont:font];
    NSLayoutManager *lm = [[NSLayoutManager alloc] init];
    NSTextContainer *tc = [[NSTextContainer alloc] init];
    [lm addTextContainer:tc];
    [tc release]; // lm retains tc
    [ts addLayoutManager:lm];
    [lm release]; // ts retains lm
    g = [lm glyphAtIndex:0];
    [ts release];
}
NSPoint pt = {0.0f};
[bezier moveToPoint:pt];
[bezier appendBezierPathWithGlyph:g inFont:font];
NSRect bounds = [bezier bounds];
Run Code Online (Sandbox Code Playgroud)

fonts cocoa rendering objective-c

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

当www前缀未在浏览器中输入时,网站页面变窄

这是我见过的最奇怪的事情之一.在Firefox 3 for PC中,我们正在开发的网站的页面变得狭窄,这使得布局变得十分疯狂.

如果您输入http://www.wms-clients.com/vcb,索引页面看起来很好.

如果您输入http://wms-clients.com/vcb,一切都会被挤压.

任何拥有FF3 for PC的人都可以告诉我他们是否看到了同样的事情,如果有的话,我该如何解决这个问题呢?

谢谢!

php firefox rendering

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

渲染Wicket组件

我有一个附加到Page的Wicket面板.我需要获取面板生成的呈现的HTML代码.我需要面板生成的相同HTML以输出发送到浏览器的内容.我不是整个页面的HTML.

我的面板是只读的,因此重新生成输出无关紧要.

private MyPanel myPanel;

public void onIntialize() {
   super.onInitialize();
   add(myPanel = new MyPanel());
}

new AjaxLink() {
  public void onClick(AjaxRequestTarget target) {
    String myPanelHtml = // obtain html somehow from myPanel
    // do stuff with myPanelHtml
  }
}
Run Code Online (Sandbox Code Playgroud)

如果我需要从不是面板的组件渲染HTML,情况会有所不同吗?不提供标记的组件.

html rendering wicket

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

openGL卷渲染和显示更新在不同的线程中

我正在使用openGL和"freeglut"库进行体积渲染和显示.在主线程中,我初始化openGL窗口,然后逐帧获取体积数据,体积渲染在获取一个体数据后完成.这很好用,但需要很长时间.是否有可能继续在主线程中初始化openGL窗口,并在另一个线程中进行体积渲染和显示?我检查了wglMakeCurrent,它没有更新主线程中初始化的窗口.

opengl multithreading rendering volume

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

当前上下文ASP.NET MVC 4 Razor中不存在名称"model"

我正在尝试为我的项目渲染数据集合.

消息来源:

控制器中的数据绑定确实运行得很好,但我无法渲染模型View,这是从Controller.

我收到这样的错误:

the name 'model' does not exist in the current context

我不明白为什么?我收到这样的错误,因为另一个View的其他模型渲染效果很好,但不是这个.

谁能解释我,发生问题的原因是什么?

谢谢

c# rendering model view asp.net-mvc-4

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

为什么同一浏览器会以不同的方式呈现具有相同CSS的两个按钮?

我需要比标准浏览器渲染更多的按钮,因为我不是设计师,我想我会使用现有的解决方案.所以,我去了一个我在互联网上找到的按钮制造商,它让我看起来很棒.我复制了CSS,我自己的按钮在我的浏览器中看起来有所不同.在Inspect Element上,CSS是相同的.

他们的按钮看起来像这样:

在此输入图像描述

它适用以下规则:

在此输入图像描述

我的按钮看起来更丑,因为它在所有方面都有一个大的边框:

在此输入图像描述

但是当我查看CSS时,应用规则没有区别.虽然我的元素是一个input,但我的页面上也有"真正的"按钮,它们表现出相同的行为.

在此输入图像描述

我尝试使用或不使用重置CSS运行我的页面,但这没有任何区别.我总是看到丑陋的样子.

当我在小提琴中运行他们的代码时,我得到了同样丑陋的结果.

这发生在同一台机器上同一浏览器的两个不同选项卡中,即Firefox 29.

这里有问题的代码:

button {
   border-top: 1px solid #bfd1ed;
   background: #5987d1;
   background: -webkit-gradient(linear, left top, left bottom, from(#2662c3), to(#5987d1));
   background: -webkit-linear-gradient(top, #2662c3, #5987d1);
   background: -moz-linear-gradient(top, #2662c3, #5987d1);
   background: -ms-linear-gradient(top, #2662c3, #5987d1);
   background: -o-linear-gradient(top, #2662c3, #5987d1);
   padding: 5px 10px;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0; …
Run Code Online (Sandbox Code Playgroud)

css rendering

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

Swing没有正确渲染我的JPanel

public void renderPanels(){
    for(int i = 1; i<4; i++){
        for(int j = 1; j<4; j++){
            panels[i][j] = new JPanel();
            frame.add(panels[i][j]);

            buttons[i][j] = new JButton();
            panels[i][j].add(buttons[i][j]);

            panels[i][j].setBounds(i*50, j*50, 50, 50);

            panels[i][j].setLayout(null);

            buttons[i][j].setBounds(0, 0, 50, 50);

            System.out.println(panels[i][j].getBounds());
        }
    }
}
Run Code Online (Sandbox Code Playgroud)

好的,这是我的代码,用于渲染一个带有按钮的3x3面板网格.frame变量包含一个JFrame对象但遗憾的是我的输出如下面的截图:

截图

最后一次迭代中的帧似乎在一个位置呈现,好像i和j比初始值低1个单位.有任何想法吗?

java swing rendering loops jpanel

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

NotFoundError:无法在“节点”上执行“ removeChild”:要删除的节点不是该节点的子节点

我在解决问题时遇到了这个问题,我无法真正解决这个问题:

我在包装器中有一个组件,该组件的状态由获取来更新。根据响应,组件显示出一些不同的东西。

但是,一旦请求完成,就会显示标题中的错误。当我<i className="fas fa-spinner fa-pulse"></i>用一个简单的字符串替换the时,问题就解决了。但是我想在那里渲染<i>标签(或者稍后再做其他事情)。这里有什么解决方案?并且该逻辑甚至应该放置在组件中还是应该放置在容器中?

容器:

class BookingContainer extends Component {

    constructor(props) {
        super(props);
        this.state = {
            booking : null
        };
        this.findBooking = this.findBooking.bind(this);
    }

    findBooking(bookingId) {
        fetch('http://booking.local:8000/api/bookings/' + bookingId, {
                method : 'GET',
                headers : {
                    'Accept': 'application/json',
                    'Content-Type': 'application/json'
                }
            })
            .then(
                (response) => {
                    if (response.status !== 200) {
                        console.log('Error: ' + response.status);
                        return;
                    }
                    response.json().then ((data) => {
                        console.log(data.data);
                        this.setState({
                            booking : data.data
                        });
                    });
                }
            )
            .catch( (err) => { …
Run Code Online (Sandbox Code Playgroud)

javascript rendering reactjs

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

将文本放置在游戏对象的按钮上,就像将其绘制一样

我一直在网上寻找这个答案。但是显然我的搜索短语是错误的,或者真的很难。但我对此表示怀疑。

想象一下,我有任何3D身体。球体,圆柱体或立方体。

我想在该对象上添加文字。好像它是一个贴纸或画在该对象上。意思是,如果包裹在对象的曲线或边缘上,它将遵循对象的曲线或边缘。我设法创建了一些总是在对象前面或后面的文本。但这不是我想要的。

最接近我想要的内容是这样的:

在此处输入图片说明

我不敢相信,我需要为此编写代码。必须通过孩子/父母,画布和文本来实现,仅使用检查器和组件即可。

是这样吗?

c# text rendering unity-game-engine gameobject

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