Comments (6)
can you explain exactly what you mean by RTL texture?
Best regards
from lightning.
Hi @g-zachar,
The requirement is to have an RTL layout (Right-to-Left). For example, tried this approach but it's not doing anything.
` const TEXT = "This text is normal.\nThis text is bold.\nThis text is italic.\nThis text is <color=0xffcc2222>red.\nThis text is brokennnnnnnnnnnnnnnnnnnnnnnnnnnnnnnn up.\n"
window.onload = function() {
class BasicUsageExample extends lng.Application {
static _template() {
return {
text: {
w: 500,
wordBreak: true,
advancedRenderer: true,
text: TEXT
}
}
}
}
const options = {stage: {w: 900, h: 900, clearColor: 0xFF000000, canvas2d: true, useImageWorker: false}, debug: true}
const app = new BasicUsageExample(options);
const stage = app.stage;
stage.direction = 'rtl';
const canvas = stage.getCanvas();
canvas.dir = 'rtl';
console.log(canvas)
// const ctx = canvas.getContext("2d");
// ctx.direction = "rtl";
document.body.appendChild(canvas);
}`
from lightning.
Unfortunately, currently there is no support for right-to-left component layout or text layout in Lightning.
Best regards
from lightning.
Thanks for your message @g-zachar , any plan to support RTL in V3 ?
from lightning.
We will put this feature on the backlog
from lightning.
@SatadruBhattacharjee I'm not sure if this is helpful or not, but have you tried using Unicode Bidirectional control characters to get what you are trying to achieve in Lightning 2.0?
Here's an example from our new Lightning Playground.
from lightning.
Related Issues (20)
- Regression with advanced text renderer and line height. HOT 1
- Regression with rendering text that uses normal spaces HOT 3
- Tree shaking HOT 3
- Unable to run lightning on QT5 browser HOT 3
- Bind attempt of recently deleted buffers and textures
- Alpha channel heuristic when not using ImageWorker doesn't deal with uppercase file extensions HOT 6
- Unnecessary allocations per frame HOT 3
- Enable to use webgl2 when webgl is not enabled in device. HOT 2
- Calling `chidlList.add` to add an element that's already in the childList throws "out of bounds" error
- Issue with dynamic width and height HOT 4
- Font renderer smoothness issues on EOS STBs HOT 1
- Duplicate call for `_cleanupLookupMap`
- Draw function crashing because of undefined texture
- Version 2.12.1 not including typescript types HOT 4
- Double texture freeing bug
- Text Truncated with advancedRenderer but Ellipsis Included in New Line
- Wrong calculation for `getRoundRect` stroke width HOT 2
- Lightning Core > 2.11.0 Unsupported on older browsers HOT 2
- Unable to use `monospace` system font HOT 1
- Arabic Text with English Numbers Not Rendering Correctly in RTL Format
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from lightning.