我们有两张照片 - 其中一张9 999像素宽:
<svg width="9999" height="3543" x="0px" y="0px" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 9999 3543">
<image overflow="visible" xlink:href="http://www.picshare.ru/uploads/150912/b7DXF4HNsK.jpg"
width="9999" height="3543">
</image>
</svg>
第二张图片宽度为10 001px:
http://www.picshare.ru/uploads/150912/PtqiS2dc9C.jpg
http://jsfiddle.net/esf5d0qn/1
(你看不到任何东西这里 by Fire Fox , Chrome 显示错误 有时 )
<svg width="10001" height="3543" x="0px" y="0px" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 10001 3543">
<image overflow="visible" xlink:href="http://www.picshare.ru/uploads/150912/b7DXF4HNsK.jpg"
width="10001" height="3543">
</image>
</svg>
我真的需要这么大的形象,我怎么能这样做?也许以某种方式分裂成片段?
由于
我正在使用Windows 7.此处第3张图片 - 16535px宽度。我想现在你必须在这里找到一个问题。我有相同的情况,和10001px一样。
第三张图片宽度为16 535px:
http://www.picshare.ru/uploads/150912/2vz86d4eZ4.jpg
http://jsfiddle.net/esf5d0qn/3
(你看不到任何东西这里 by Fire Fox , Chrome 显示错误 有时 )
<svg width="16535" height="3543" x="0px" y="0px" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 16535 3543">
<image overflow="visible" xlink:href="http://www.picshare.ru/uploads/150912/b7DXF4HNsK.jpg"
width="16535" height="3543">
</image>
</svg>
当我将图像11 MB分成两部分时,我必须以100%的质量保存这些图像,这样每个图像的重量从5.5增加到9+ MB。你必须这样做才能不失去质量(JPEG成本:c“你不能在不损失质量的情况下重新保存JPEG,即使达到100质量(这不是最高质量,但数学优化限制)”)。所以这里的图像质量中等(60%)。如果我要保存11 MB的总大小。并且不想更多地提高半部分图像的质量,那么5.5 MB(中等质量是这种情况下没有增加MB尺寸)
这就是为什么我正在寻找一种方法来显示宽度大于9999像素的浏览器图像。不将图像分成两部分来显示每个