CSSFontFeatureValuesMap: set() method
Khả dụng hạn chế
This feature is not Baseline because it does not work in some of the most widely-used browsers.
Experimental: This is an experimental technology
Check the Browser compatibility table carefully before using this in production.
Phương thức set() của các thực thể CSSFontFeatureValuesMap thêm một mục mới với khóa và giá trị được chỉ định vào CSSFontFeatureValuesMap này, hoặc cập nhật mục hiện có nếu khóa đã tồn tại.
Cú pháp
js
set(key, value)
Tham số
Giá trị trả về
Đối tượng CSSFontFeatureValuesMap.
Ví dụ
Sử dụng cơ bản
Ví dụ sau cập nhật giá trị cho swashy và thêm khai báo thứ ba. Ví dụ này sử dụng @swash nhưng cũng hoạt động với các khối giá trị tính năng khác.
CSS
css
@font-feature-values "MonteCarlo" {
@swash {
swishy: 1;
swashy: 2;
}
}
JavaScript
js
function logSwashes(value, key) {
console.log(`('${key}') = ${value}`);
}
// lấy các quy tắc
const myRule = document.styleSheets[0].cssRules[0];
// ghi ra các swash hiện tại
myRule.swash.forEach(logSwashes); // ghi ra "('swishy') = 1", "('swashy') = 2"
// cập nhật swash với khóa swashy
myRule.swash.set("swashy", 3);
myRule.swash.forEach(logSwashes); // ghi ra "('swishy') = 1", "('swashy') = 3"
// thêm swash mới với khóa swooshy
myRule.swash.set("swooshy", 2);
myRule.swash.forEach(logSwashes); // ghi ra "('swishy') = 1", "('swooshy') = 2", "('swashy') = 3"
Thông số kỹ thuật
| Thông số kỹ thuật |
|---|
| CSS Fonts Module Level 4 # dom-cssfontfeaturevaluesmap-set |