收藏
回答

插件中drawImage使用本地文件的路径应该怎么写

问题类型 插件 AppID 插件版本号 AppID 微信版本 基础库版本
需求 wxc6b68b8ffb0e0341 0.1 wxc6b68b8ffb0e0341 7.0.0 2.4.0

在小程序插件中绘制本地图片资源,路径应该怎么写?


图片文件在项目中路径:

plugin/resources/images/xx.png


相关绘制代码:

ctx.drawImage('local file path', 0, 0, 100, 100)

其中 local file path 试过如下路径均无效果:

/resources/images/xx.png

plugin/resources/images/xx.png

../../resources/images/xx.png  (相对于调用页面的地址)

plugin-private://resources/images/xx.png


报错信息:


Failed to load local image resource /__plugin__/[myappid]/__plugin__/[myappid]/resources/images/xx.png 

 the server responded with a status of 404 (HTTP/1.1 404 Not Found) 


截图:



最后一次编辑于  2019-05-05
回答关注问题邀请回答
收藏

3 个回答

  • sheng
    sheng
    2019-05-05

    换为/plugin/resources/images/xx.png

    2019-05-05
    有用 1
    回复 14
    • 神经蛙
      神经蛙
      2019-05-05

      一样的,路径不对

      2019-05-05
      回复
    • sheng
      sheng
      2019-05-05回复神经蛙

      插件没试过,小程序是可以绘制的

      2019-05-05
      回复
    • sheng
      sheng
      2019-05-05回复神经蛙

      是  /plugin/resources/images/xx.png,  前面有条斜杠,不是  plugin/resources/images/xx.png

      2019-05-05
      回复
    • 神经蛙
      神经蛙
      2019-05-05回复sheng

      对的,带/和不带/的我都试过,问题描述里列举了部分情况;小程序中可以使用本地图片绘制,插件中没说,但实际效果是不行,同样的还有showToast的image参数貌似也不支持本地图片;

      使用网络图片drawImage在插件中是可以的。

      2019-05-05
      回复
    • sheng
      sheng
      2019-05-05回复神经蛙

      你的图片路径能截图发出来看看么

      2019-05-05
      回复
    查看更多(9)
  • 张彰 - 比链资本
    张彰 - 比链资本
    2020-01-07

    本地文件把png换成jpg就可以了,小程序限制

    2020-01-07
    有用
    回复
  • 九歌^
    九歌^
    2019-05-05

    只能画网络图片吧?建议上传到七牛云或者腾讯云。都有免费的体验套餐

    2019-05-05
    有用
    回复 4
    • 神经蛙
      神经蛙
      2019-05-05

      按文档说明,小程序里可以用本地图片,插件里没说不可以;

      另外,网络图片可以直接draw,但效率不如直接使用本地图片。

      2019-05-05
      回复
    • 九歌^
      九歌^
      2019-05-05回复神经蛙

      wxss里也不支持本地图片呢。所以效率应该不会影响太多吧?有 .5s?

      2019-05-05
      回复
    • 神经蛙
      神经蛙
      2019-05-05回复九歌^

      😁,强迫症,图片很小,绝大部分情况下,对效率的影响可以忽略

      2019-05-05
      回复
    • 九歌^
      九歌^
      2019-05-05回复神经蛙

      😂那可以上传到cdn 我放本地 会导致代码包过大。所以。。

      2019-05-05
      回复
登录 后发表内容