小程序
小游戏
企业微信
微信支付
扫描小程序码分享
wx.loadFontFace
版本号3.4.0
3 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
请具体描述问题出现的流程,并提供能复现问题的简单代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)。
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
function loadFont(){
fontArr.forEach(item =>{
wx.loadFontFace({
scopes:['webview','native'],
family:item.en_name,
global:true,
source:"url('https://xxx/xx.ttf')",
success() {
console.log(item.name+'===>字体加载成功');
},
fail(res) {
console.log(res);
}
})
还有一个问题就是,字体文件都很大加载完字体文件是否有本地存储机制或者其他方案啊
canvas里面设置字体相关的代码是怎么写的,贴出来看下
<template>
<view>
<canvas canvas-id="myCanvas" style="width: 300px; height: 200px;"></canvas>
</view>
</template>
<script>
export default {
onReady() {
const ctx = uni.createCanvasContext('myCanvas', this);
ctx.fillText('大家好', 20, 40); // 绘制实心文本
ctx.font = "80rpx niannianqinghuan";
ctx.draw();
</script>
<style>
</style>
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
请具体描述问题出现的流程,并提供能复现问题的简单代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)。
2、页面中可设置字体样式,设置完成页面中正常显示了字体样式,海报无效
3、海报我这边用的Painter插件同canvas 2d
function loadFont(){
fontArr.forEach(item =>{
wx.loadFontFace({
scopes:['webview','native'],
family:item.en_name,
global:true,
source:"url('https://xxx/xx.ttf')",
success() {
console.log(item.name+'===>字体加载成功');
},
fail(res) {
console.log(res);
}
})
})
}
还有一个问题就是,字体文件都很大加载完字体文件是否有本地存储机制或者其他方案啊
canvas里面设置字体相关的代码是怎么写的,贴出来看下
<template>
<view>
<canvas canvas-id="myCanvas" style="width: 300px; height: 200px;"></canvas>
</view>
</template>
<script>
export default {
onReady() {
const ctx = uni.createCanvasContext('myCanvas', this);
ctx.fillText('大家好', 20, 40); // 绘制实心文本
ctx.font = "80rpx niannianqinghuan";
ctx.draw();
}
}
</script>
<style>
</style>